HTML隐藏选择带有css的下拉箭头

概述是否有一种好方法可以隐藏所有浏览器的默认下拉箭头？我知道问题已被问过几次,但似乎没有一个适用于所有浏览器的解决方案,它们都不好看.几年已经过去了,我想知道现在是否有一个好的解决方案？ 我可以解决的最好方法是： select::-ms-expand { display: none; } select { -webkit-appearan 是否有一种好方法可以隐藏所有浏览器的默认下拉箭头？我知道问题已被问过几次,但似乎没有一个适用于所有浏览器的解决方案,它们都不好看.几年已经过去了,我想知道现在是否有一个好的解决方案？解决方法 我可以解决的最好方法是：

select::-ms-expand    {        display: none;    }    select    {        -webkit-appearance: none;        -moz-appearance: none;              appearance: none;        padding: 2px 30px 2px 2px;        /*border: none; - if you want the border removed*/    }

这适用于Chrome和IE.

不幸的是在你的情况下-moz-appearance：目前似乎没有完全支持none.

这里有一个错误：https://bugzilla.mozilla.org/show_bug.cgi?id=649849哪个具有已解决的固定状态,但似乎依赖于另一个错误：https://bugzilla.mozilla.org/show_bug.cgi?id=1076846具有新状态,所以希望它很快就会修复.

总结

以上是内存溢出为你收集整理的HTML隐藏选择带有css的下拉箭头全部内容，希望文章能够帮你解决HTML隐藏选择带有css的下拉箭头所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。