Firefoxで「要素」のドロップダウン矢印を非表示にする方法は？

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

問題:

のスタイルを変更する要素のドロップダウン矢印は、「-webkit-Appearance: button;」を使用して Chrome と Safari でシームレスに機能します。ただし、このプロパティが適用されると、Firefox はデフォルトの矢印を保持します。

解決策:

Firefox でドロップダウン矢印を非表示にするには、次の CSS プロパティを組み合わせて使用​​します。

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

ログイン後にコピー

説明:

「-moz-登場: なし;」デフォルトの Firefox の外観を削除します。 "テキストインデント: 0.01px;" 「text-overflow: '';」の間、矢印をわずかに右に押します。矢印を含むオーバーフロー部分を非表示にします。

アップデート (2014 年 12 月):

Firefox 35 以降は、「-moz-Appearance: none;」をネイティブにサポートします。 の場合

アップデート (2014 年 4 月):

前述の CSS ハックは当初機能していましたが、Firefox 31.0 でバグが再発生しました。 a1 夜間に発生し、すべてのプラットフォームに影響します。ただし、Firefox 35 では、このバグは解決されています。

以上がFirefoxで「要素」のドロップダウン矢印を非表示にする方法は？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。