css设置下拉列表select样式

发布时间:2019-10-25编辑:脚本学堂
本文分享二个css设置select样式的例子,一个是设置select的普通样式,一个是设置select样式的虚线框,有需要的朋友参考下。

本节内容:
css设置select下拉列表的样式

例1,
 

复制代码 代码示例:
select{ 
 position:relative; 
 font-size:12px; 
 width:153px; 
 line-height:14px; 
 border:0px; 
 color:#66B3FF; 
}  

例2,细线SELECT
 

复制代码 代码示例:
<span style="border:1px solid #000000; position:absolute; overflow:hidden;" >
<select style="margin:-2px;">
<option>1111</option>
<option>11111111111111</option>
<option>111111111</option>
</select></span>

具体效果,大家可以测试下。