css3 – 删除IE10选择元素箭头

前端之家收集整理的这篇文章主要介绍了css3 – 删除IE10选择元素箭头前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以,使用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实际上并不使它的方式到标记

我也觉得可能有一个合法的方式来替换IE中的箭头。我不反对实际解决这个问题。外观:无;然而不工作。那么我能在这里做什么?

解决方法

避免浏览器嗅探和条件注释(从Internet Explorer 10不支持),而是采取更标准的方法。有了这个特殊的问题,你应该定位到 ::-ms-expand伪元素:
select::-ms-expand {
    display: none;
}

猜你在找的CSS相关文章