CSS3の「appearance」でselect要素のアイコンを消す

harada 1,774views 更新:2015年1月6日

下記のように記述することでセレクトボックスで表示される三角アイコンが消えます。
Firefoxのみ上三行では消せないため下二行を追加します。

select {
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   /*Firefox用*/
    text-indent: .01px; 
    text-overflow: "";
}

参考:
appearance
selectタグの矢印がfirefoxだけ消えない問題を解決する

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません