如何在 Firefox 中隐藏``元素的下拉箭头？

隐藏的下拉箭头Firefox 中的元素

问题：

修改 的样式元素的下拉箭头使用“-webkit-appearance：button;”在 Chrome 和 Safari 中无缝工作。但是，应用此属性后，Firefox 会保留默认箭头。

解决方案：

要在 Firefox 中隐藏下拉箭头，请结合使用以下 CSS 属性：

<code class="css">-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';</code>

解释：

"-moz-外观：无；"删除默认的 Firefox 外观。 “文本缩进：0.01px；”将箭头稍微向右推，同时“text-overflow: '';”隐藏溢出部分，包括箭头。

更新（2014 年 12 月）：

Firefox 35 及更高版本原生支持“-moz-appearance: none;”对于<选择>

更新（2014 年 4 月）：

虽然提到的 CSS hack 最初有效，但 Firefox 31.0 中再次出现了一个错误。 a1 每晚，影响所有平台。不过，从 Firefox 35 开始，这个错误已经得到解决。

以上是如何在 Firefox 中隐藏``元素的下拉箭头？的详细内容。更多信息请关注PHP中文网其他相关文章！