如何正確隱藏 Firefox 中的選擇下拉箭頭？

修正選擇下拉箭頭隱藏的「-moz-appearance」

問題：

您正在嘗試自訂在Chrome 和Firefox 中使用CSS 選擇元素的下拉箭頭。雖然「-webkit-」語法在 Chrome/Safari 中完美運行，但其「-moz-」語法在 Firefox 中不會隱藏下拉箭頭。 「-moz-外觀：無；」也無法刪除預設箭頭。

解決方案：

消除下拉箭頭的正確“-moz-appearance”值為“-moz-外觀：無；。”但是，此屬性以及“-moz-appearance：button;”現在是遺留內容。 Firefox v35 以上版本支援改進的「外觀」屬性，從而實現更簡單的解決方案：

<code class="css">select {
  appearance: none;
}</code>

替代駭客（Firefox v35 之前）：

Firefox v35 之前，需要使用CSS hack 來隱藏箭頭：

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

此方法將箭頭稍微向右移動，導致溢位將其消除。

更新：

• 2014 年12 月11 日： " Firefox 現在支援-moz-appearance:none v35.
" Firefox 現在支援-moz-appearance:none v35.
• 2014 年4 月28 日：
上述駭客攻擊在Firefox 31.0.a1 Nightly 中暫時出現故障；不過問題已經解決了。

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