CSSでセレクトボックスのスタイルを作っていると、chromeやfirefox、EDGEは大丈夫なんだけれど
「IE」がやっぱりダメなんだよなぁ。
サポートは終わったけど、やっぱり対応しておかないとね。
全部同じ条件にした方がデザインしやすいためchrome、firefox、IEと、すべての矢印を消します。
DEMO
セレクトボックス
上のセレクトボックスは矢印が有ります。
下はちゃんと矢印が消えてます。
CSS
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } // IEだけ非表示にしたい場合は↓下のコードだけを使ってください。 select::-ms-expand { display: none; }
コメント