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;
}







コメント