我使用下面的CSS来隐藏FF,safari,chrome中的下拉箭头,并添加了我自己的图像来自定义.
select
{
-webkit-appearance:none;
-moz-appearance:none;
-o-appearance:none;
appearance:none;
}
Run Code Online (Sandbox Code Playgroud)
对于IE10,我使用了伪元素
select::-ms-expand{
display:none;
}
Run Code Online (Sandbox Code Playgroud)
我不知道如何为IE9和IE8应用相同的内容.任何人都可以告诉我如何隐藏IE8和IE9中的下拉箭头.
我在我的角度项目中使用了twitter bootstrap类.对于下拉菜单,样式在Chrome中运行良好但是当我将其加载到IE 11时,它的样式不正确.特别是下拉箭头按钮.
有没有其他人与IE有这个问题?我该如何解决这个问题?请查看我的问题下面的比较照片.

我的html部分也在下面,任何评论都欢迎提前感谢!
<select class=" btn btn-default" ng-options="obj for obj in data.finding"
ng-model="gapSection.finding" >
<option value="">Please select</option>
</select>
Run Code Online (Sandbox Code Playgroud)