ホームページ >ウェブフロントエンド >CSSチュートリアル >Firefox で「要素」のドロップダウン矢印を非表示にする方法
Firefox で「要素」のドロップダウン矢印を非表示にする方法
- Linda Hamiltonオリジナル
- 2024-10-31 08:59:30217ブラウズ
CSS プロパティ -moz-Appearance は、
Firefox の互換性の問題:
最初は、-moz-Appearance を使用します。なし。 Firefox のドロップダウン矢印を削除するには、それだけでは不十分でした。この問題は、Firefox バージョン 35 で解決されました。
解決策:
古いバージョンの Firefox の場合は、-moz-Appearance、text-indent、およびtext-overflow を使用して矢印を非表示にすることができます:
<code class="css">select {
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
}</code>
その方法動作:
- -moz-Appearance: none; を設定すると、
- text-indent: 0.01px;テキストを少し右に移動します。
- text-overflow: '';ドロップダウン矢印を含む、オーバーフローしたテキストが非表示になります。
注:
このハックは、Firefox の最新バージョンでは不要になる可能性があります。ここで、-moz-登場: なし。期待どおりに動作するようになりました。更新情報とブラウザ間の互換性については、提供されている要点を参照してください。
以上がFirefox で「要素」のドロップダウン矢印を非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。