下拉列表样式应用举例

beyes · 发表于 2015-12-25 21:00:58

下面应用样式生成一个彩色的下拉列表，考察下面代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>下拉菜单</title>
<style type="text/css">
select { border:none; background-color:#09C; }
.p1 { background-color:#FF9; }
.p2 { background-color:#CC6; }
.p3 { background-color:#F93; }
</style>
</head>
<body>
<select name="">
<option value="北京" class="p1">BeiJing</option>
<option value="上海" class="p2">ShangHai</option>
<option value="广州" class="p3">GuangZhou</option>
</select>
</body>
</html>

复制代码

效果图：
上面代码只是针对每一个下拉选项设置了一个背景色。

		自动登录	找回密码
密码			立即注册

[CSS] 下拉列表样式应用举例