Internet Explorer 9 で選択矢印を削除するにはどうすればよいですか?

Patricia Arquette
リリース: 2024-11-18 22:29:02
オリジナル
980 人が閲覧しました

How to Remove the Select Arrow in Internet Explorer 9?

IE の選択矢印の削除

デフォルトの矢印を削除して選択要素をカスタマイズしようとすると、前述の CSS では不十分な場合があるようです。 Internet Explorer 9 (IE9) になります。この問題を修正する方法は次のとおりです:

解決策:

  • IE9 ハック: @Spudley が提案しているように、CSS ハックは次のとおりです。 IE9に適用されます。 div:before CSS を調整して、カスタマイズされた div の高さと幅に合わせて要素を選択します。
  • IE10 CSS3: IE10 以降では、次の CSS3 コードを使用できます。
select::-ms-expand {
    display: none;
}
ログイン後にコピー

代替オプション:

  • jQuery プラグイン (Chosen.js): Chosen.js のような jQuery プラグインを活用すると、ユーザー フレンドリーなソリューションが提供されます。
  • カスタム JavaScript: カスタム JavaScript スクリプトを作成すると、効果的に選択を削除することもできます。矢印。

以上がInternet Explorer 9 で選択矢印を削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート