グラビカ学習帳～四谷のホームページ制作会社 gravity works（グラビティ・ワークス）備忘録と知識の共有と蓄積

探していて気付いたのですが、
selectタグのデザインを自由に変更できるものって意外と少ないようです。

こちらは先日の記事とはまた違うJSになります。
プルダウン後のリストまでデザインでき、さらにIE6まで対応。


CUSTOM-SELECT：セレクトボックスをカスタマイズするJS（恐らくIE6も対応）


使い方は上記のページにありますので割愛ですが、
↓こんな感じのフォームが作れます。



初期表示部分は<dt>、
プルダウン後のリストは<dd>で囲んだ<ul>・<li>リストに置き換えられるようなので、
それぞれスタイルを当てることで自由にデザインすることができます！

細かいデザイン指定がある場合などに是非。