css – IE和Firefox – 自定义下拉菜单无法删除本机箭头

前端之家收集整理的这篇文章主要介绍了css – IE和Firefox – 自定义下拉菜单无法删除本机箭头前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试创建一个自定义的下拉菜单控件,我需要从本机控件隐藏箭头。我正在使用以下CSS,它适用于Chrome和Safari,但不适用于Mozilla和IE。 @H_301_2@select.desktopDropDown { appearance: none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ }

这是一个[jsfiddle] [1]。

解决方法

使用它将工作,但与IE10和FF:

你的CSS应该是这样的:

@H_301_2@select.desktopDropDown::-ms-expand { display: none; }

更多约::ms-expand

然后休息:

@H_301_2@select.desktopDropDown { outline : none; overflow : hidden; text-indent : 0.01px; text-overflow : ''; background : url("../img/assets/arrow.png") no-repeat right #666; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }

注意:我硬编码路径“../img/assets/arrow.png”作为背景。

这对于IE,Firefox和Opera来说应该对你有好处。

猜你在找的CSS相关文章