所以,使用Mozilla和WebKit我有一个半体面的解决方案,使用外观替换选择框上的箭头:none;并具有父元素。
在IE的大部分,我禁用此功能。对于IE10我不能实际上禁用它,因为我的条件注释实际上不工作。
这里是我的标记:
<!--[if lt IE 7 ]> <html class="ie6"> <![endif]--> <!--[if IE 7 ]> <html class="ie7"> <![endif]--> <!--[if IE 8 ]> <html class="ie8"> <![endif]--> <!--[if IE 9 ]> <html class="ie9"> <![endif]--> <!--[if (gt IE 9)]> <html class="ie10plus"> <![endif]--> <!--[if !(IE)]><!--> <html> <!--<![endif]-->
类ie10plus实际上并不使它的方式到标记。
解决方法
避免浏览器嗅探和条件注释(从Internet Explorer 10不支持),而是采取更标准的方法。有了这个特殊的问题,你应该定位到
::-ms-expand
伪元素:
select::-ms-expand { display: none; }