Making ListBox with CSS

CSSでクールなリストボックスを作るサンプル。
次のような、アイコン付きでチェックするとアイコンが変わるリストボックスが作れます。



実体は input type="radio" なのでフォームの送信も行うことが出来ます。
次のようなリストボックスサンプルも紹介されています。



ＵＩ 的に使い回しが利きそうなパーツなので、ユーザビリティ向上などのために覚えておいて損はなさそうです。

関連エントリ

• CSSデザインされたTextAreaサンプル
• inputのtype=fileをCSSでクールにスタイルするサンプル