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

IE での矢印の解消: スタイルの謎

選択要素上の矢印のシームレスな削除は、Firefox などのブラウザーでは簡単です、Safari、Chrome。しかし、この綿密な探求においては、強力な IE9 が頑固な敵であることが判明しました。

この課題に立ち向かうために、CSS の領域を掘り下げていきます。 IE9 の有望なアプローチには、巧妙なハックが含まれています。

.styled-select select div::before {
    display: none;
}

このコードでは、display: none; を利用します。 IE9 の手から矢を打ち破るために。さらに、対象のブラウザが最新の IE10 である場合は、CSS3 を活用して目標を達成できます。

select::-ms-expand {
    display: none;
}

ただし、より堅牢なソリューションを求める人にとっては、Chosen.js が強力な jQuery プラグインとして登場します。開発者は select 要素を巧みにカスタマイズできます。それにもかかわらず、勇敢な魂は JavaScript の領域で独自のソリューションを構築することを好むかもしれません。

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