[解決済み] セレクトボックスのスタイル指定は可能ですか？[クローズド］

質問

私はスタイルを設定する必要があるHTMLのセレクトボックスを持っています。私はCSSだけを使いたいのですが、必要であればjQueryを使って隙間を埋めます。

どなたか良いチュートリアルやプラグインを紹介していただけませんか？

Googleですが、ここ2時間ほど検索していますが、私のニーズを満たすものが見つかりません。

必要なんだ。

• jQuery 1.3.2との互換性
• アクセスしやすい
• 控えめなデザイン
• セレクト ボックスのあらゆる側面のスタイルを完全にカスタマイズできます。

誰か私のニーズを満たすようなものを知りませんか？

どのように解決するのですか？

jQueryのプラグインで <select> を <ol> と <option> を <li> に変換し、CSSでスタイルを設定できるようにします。自分で作るのはそれほど難しくはないでしょう。

これがその一つです。 https://gist.github.com/1139558 (以前は こちら であったが、サイトがダウンしているようだ)

このように使います。

$('#myselectbox').selectbox();

このようなスタイルにします。

div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.selectbox-wrapper ul li.selected { 
  background-color: #EAF2FB;
}
div.selectbox-wrapper ul li.current { 
  background-color: #CDD8E4;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}