Firefox で 要素のドロップダウン矢印を非表示にする

要素に対する Firefox のデフォルトの動作には、表示されるドロップダウン矢印が含まれています。きれいなカスタム外観を実現するには、これを削除することをお勧めします。

while "-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: ''" ははみ出した矢印をトリミングします。

この賢い組み合わせは、 を維持しながら不要な矢印を効果的に削除します。要素の機能。