首頁 >web前端 >css教學 >如何在 Firefox 中隱藏 元素中的下拉箭頭?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-10-31 07:35:17782瀏覽

How to Hide the Dropdown Arrow in <select> Firefox 中的元素? 
Firefox 中的元素? " />

如何在Firefox 中使用CSS 刪除

儘管Chrome 和Safari 使用-webkit-appearance: button; 成功隱藏了下拉箭頭,但Firefox由於-moz-appearance屬性的不同實作而帶來了挑戰。圖片,這是因為Firefox 中的

要在Firefox 中隱藏下拉箭頭,需要組合CSS 屬性:

將-moz-appearance 設為none並添加0.01px 的微小文字縮進,將箭頭推出視圖之外。刪除任何剩餘的溢出文本,確保箭頭保持隱藏狀態。中可以如預期運行,無需進行駭客攻擊。日:

上述 CSS 駭客攻擊暫時有效,但此後在多個平台的 Firefox 31.0.a1 Nightly 中重新出現。

以上是如何在 Firefox 中隱藏