selectをcssのみでカスタマイズする

Yukimi Sato 418views 更新:2014年6月17日
select{
-webkit-appearance:button;
-moz-appearance:button;
appearance:button;
}

selectにグラデーションを適用したり、▼部分を画像にしたい時に使う記述です。
この指定でselectをbuttonに変更することができ、その上でcssで表示を調整します。

ただし対応ブラウザはsafariとChromeのみなので注意が必要です。

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

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

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