利用CSS控制SELECT中的OPTION是否不允许选_CSSHTML

最新推荐文章于 2024-06-17 11:23:01 发布

wangyong969

最新推荐文章于 2024-06-17 11:23:01 发布

阅读量671

点赞数

文章标签： css firefox class 脚本 html ie

本文链接：https://blog.csdn.net/wangyong969/article/details/1908892

版权

<html>
<head>
<style type="text/css">
.disabled {
}
.disabled optgroup{
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color:#CCCCCC;
background-color: #F5F5F5;
}
.disabled option {
padding-left:0px;
}
</style>
<title></title>
</head>
<body>
<select name="carCos" class="disabled">
<optgroup label="American"></optgroup>
<option value="General Motors">General Motors</option>
<option value="Ford">Ford Motor Company</option>
<option value="Chrysler">DaimlerChrysler</option>
<optgroup label="Japanese"> </optgroup>
</select>

用这种变态的方式可以实现，在firefox和ie6下看效果很好
</body>
</html>