前の記事 ≪：script.aculo.usバージョン1.8プレビュー
次の記事 ≫：サクランボをメタリックに合成するPhotoShopチュートリアル

CSSでクールなリストボックスを作るサンプル

2007年10月18日-はてなブックマーク

スポンサード リンク

Making ListBox with CSS

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



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



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

関連エントリ

関連の記事検索：CSS, フォーム, Webデザイン, チュートリアル, デザイン, css
スポンサード リンク

By.KJ : 2007年10月18日 07:04 ブックマークに追加する livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitterでお願いします(クリック)