Question

HTML CSS 中select标签的样式怎么设置啊？

如上图，其他文字都是微软雅黑的，就它是宋体的，大小也不能变小
select{
font-size:12px;
font-family:"Microsoft YaHei";
}
select option{
font-size:12px;
font-family:"Microsoft YaHei";
}
这两种加法都是无效的...

Answer 1

select 的css有效的样式很有限，很多多是无效， color，font-size，font-family都能生效的

Answer 2

<select style="color:red"></select> 内嵌style行内样式等。

Answer 3

select{
font-size:12px !important;
font-family:"Microsoft YaHei" !important;
}
后面加 !important 就好了，这种一般都是样式被覆盖了。

Answer 4

select的基本样式不好改变，以下例子仅供参考：
<style type="text/css">
.select{
border:1px #7F9DB9 solid;
float: left;
display: inline;
margin-right:6px;
}
.select div{
border:0px #7F9DB9 solid;
float: left;
}
.select>div{
width:30px;
height: 17px;overflow:hidden;
/*clip:rect(0px 100px,17px,0px);*/
}
html代码：
<select name="select">
<option>我是中国人</option>
<option>我是河南人</option>
<option>我是安阳人</option>
</select>