如何在 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中文網其他相關文章！