knowledge base

マークアップ/フロントエンドエンジニアのWEB制作における備忘録です。平日はWEB屋、休日は社会人劇団の主宰・劇作家をしています。

最新版IEでセレクトボックスの矢印を消す

このような矢印です。

f:id:ShinImae:20160106160443j:plain

Chrome/Safari/FireFoxならば、次の方法で非表示にすることが可能です。

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

ところが、IEではこの矢印のみが残ってしまいます。

IE10以上になってしまいますが、次の指定をすることで非表示にすることができます。

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