セレクトボックスの矢印を画像を使ってカスタマイズしてみました。デフォルトのスタイルを無効にする方法としてappearance
をnone
でセレクトボックスを非表示にできましたがIEでは表示されてしまいます。
![IEセレクトボックス](http://webnetamemo.com/wp3/wp-content/uploads/2016/12/select-1.png)
select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
IE10、IE11ではこちらの方法で消すことができるようです。
select::-ms-expand {
display: none;
}
![IEセレクトボックス](http://webnetamemo.com/wp3/wp-content/uploads/2016/12/select2-1.png)