在Firefox 中隱藏 元素的下拉箭頭

Firefox 對 元素的預設行為包括一個可見的下拉箭頭。為了獲得乾淨、自訂的外觀，您可能需要將其刪除。

而「-webkit-appearance：button;」在 Chrome/Safari 中有效隱藏箭頭，使用「-moz-appearance：button;」的方法相同在 Firefox 中不會產生期望的結果。

為了克服這個障礙，我們需要採用不同的技術：

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

其運作原理如下：

• "-moz-appearance: none;"停用預設外觀，包括箭頭。
• "text-indent: 0.01px;"將箭頭稍微向右推。
• "text-overflow: ''" 修剪溢出的箭頭。

這個巧妙的組合有效地刪除了不需要的箭頭，同時保留了 元素的功能。