如何在 Firefox 中隱藏 `` 元素的下拉箭頭？

如何隱藏 的下拉箭頭Firefox 中的元素

CSS 屬性-moz-appearance 通常用於自訂的外觀。元素，包括隱藏其下拉箭頭。但是，舊版本的 Firefox 可能無法正確回應此屬性。

Firefox 相容性問題：

最初，使用 -moz-appearance: none;僅憑這一點不足以刪除 Firefox 中的下拉箭頭。此問題已在 Firefox 版本 35 中解決。

解決方案：

對於舊版的Firefox，-moz-appearance、text-indent 和text-overflow 可用於隱藏箭頭：

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

工作原理：

• 透過設定-moz-appearance: none;, 常規 的瀏覽器樣式元素已停用。
• text-indent: 0.01px;將文字稍微向右推。
• text-overflow: '';導致隱藏任何溢出的文本，包括下拉箭頭。

注意：

在最新版本的 Firefox 中可能不再需要此 hack，其中-moz-外觀：無；現在按預期工作。請參閱提供的要點以獲取更新資訊和跨瀏覽器相容性。

以上是如何在 Firefox 中隱藏 `` 元素的下拉箭頭？的詳細內容。更多資訊請關注PHP中文網其他相關文章！