IEのセレクトボックスの矢印を消す方法

今回はIEで表示されてしまうセレクトボックスの矢印を消す方法を紹介します。

 

矢印を消す方法

Chrome/Safari/FireFoxなら以下のコードで非表示にすることができます。

select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

 

ただ、これだとまだIEでは矢印が表示されてしまいます。

IE10以上なら以下のコードで非表示にすることができます。

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