プルダウン(select)の矢印を消す方法

プルダウンなどのselect要素をCSSでカスタマイズする場合、標準の矢印を消す必要がある。

ベンダープレフィックスとは

プレフィックスは、接頭辞の意。
ベンダープレフィックス（Bender Prefix）とは、Google Chrome や Mozilla Firefox、Safari といったブラウザーのベンダーがＣＳＳ３の拡張機能を実装するのに使用する識別子のこと。

接頭辞	対応ブラウザベンダー
-webkit-	Google Chrome、Safari
-moz-	Mozilla Firefox
-ms-	Microsoft Internet Explorer

selectの標準スタイルを無効にする

appearanceプロパティにはベンダープレフィックスが必要

select {
    -webkit-appearance: none;/* Google Chrome、Safari */
    -moz-appearance: none; /* Firefox */
    appearance: none; /* 標準のスタイルを無効に */
}
::-ms-expand { /* IE */
    display: none;
}