CSSでコンボボックスのスクロールバーを変更

現在、HTML+jQueryでタブレット向けのWebサイトを作成しています。

コンボボックスがあるのですが、スクロールバーが細くて手では選択しにくい為、
CSSでスクロールバーを太く変更できないかと考えています。

色々と検索しているのですが、良いサンプルなどが見当たりません。
何か参考になるサンプルなどがあれば教えていただきたいと思っています。
どうぞよろしくお願いいたします。

No.2 回答者： AREC 回答日時： 2012/06/07 17:48

申し訳ありません。

擬似的にではなく、置換えですね。

太さは、変えられないかもしれません。

こちらでも、テストしてみます。

No.1 回答者： AREC 回答日時： 2012/06/07 17:41

スクロールバーは、ブラウザの設定に依存するため、太くすることはCSSでは出来ません。

しかし、JavaScriptを使用することで擬似的にスクロールバーを作成してしまうことは出来ます。

最初から作成するのは大変でしょうから、「flexcroll」というJavaScriptのライブラリを使用してみてはいかがでしょ。

使い方は、それほど難しくないので、参考URLを観ていただければ、わかると思います。

参考URL：http://shanabrian.com/web/library/flexcroll.php