CSS3の「appearance」を使ってselect要素をカスタマイズする

select要素をカスタマイズ！CSS3でやってみる。

デフォルトのselectタグはダサい...

1. CSS3「appearance」を使って矢印を消す

注意：Firefox用に別途2行書く必要がある。書かないとFirefoxでは消えてくれない。

消すとこんな感じに。

2.cssでカスタマイズする

サンプルコードは以下。

JQueryプラグインを使えばIEもカバーできるので、プラグインを使うべきかもしれないけど。