我试图用外观：无属性设置选择元素的样式。我的HTML和CSS如http://codepen.io/destinypallavi/pen/LRGoro
select#lstReports {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
background-color: #477928;
border: 2px solid blue;
display: inline-block;
width: 30px;
height: 30px;
/*position:relative;*/
}
select#lstReports + i {
color: #fff;
margin-left: -26px;
font-size: 10px;
vertical-align: middle;
}<select id="lstReports">
<option>1</option>
<option>1</option>
<option>1</option>
</select>
<i class="fa fa-lg fa-chevron-down"></i>我能够达到某种程度的样式。但是在firefox中，<option>显示的是第一个标签的默认内容吗？
如何删除默认选项标签值以停止出现在样式选择标签上？
对于html 5，您可以使用hidden属性来解决此问题。
<select id="lstReports">
<option hidden></option>
<option>06</option>
<option>1</option>
<option>1</option>
</select>http://codepen.io/anon/pen/XjXLXO这是我的codepen链接
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句