CSSを使用してブラウザのスクロールバーの色を変更するにはどうすればよいですか？

Question

Google Resultsページから、私が見た例はIEでのみ、Operaでは1つのケースでしか動作していませんでした。

これはすべてのブラウザで一貫して実行できますか？

また、ブラウザのメインスクロールバー（ページ全体に表示されます）とページがあるテキスト領域のスクロールバーに違いがありますか？前者でない場合は後者のみを操作できますか？

Answer 1

内に独自のスクロールバーを作成するには、CSSとJavaScriptの組み合わせを使用します。 https://stackoverflow.com/questions/780674/scroll-bar-with-imagesを参照してください。

ただし、スクロールバーのレンダリングの外側には、のページがブラウザに表示されます。

WebKit recently added the ability to style the default scrollbarsこれはまだページ内にのみ適用されます。

EDIT：MooScrollががスクロールし、ウィンドウの一番右の方に、独自のスクロールバーを作成するために何もないことを伝えることで、ブラウザのメインスクロールバー「を置き換える」に管理しているようです。賢い！スティーブ

Answer 2

クロスブラウザ方式はありません。

Answer 3

短い答えいいえ。

残念ながら、ブラウザの外観はあなたのコントロールから外れています - あなたはコンテンツのみを供給しています。コンテンツのスクロール方法を決めるのはブラウザの責任です。

Answer 4

Steve

は良い答えを持っていましたが、私は継続することができます。

IE 5.5-7では（しかし、私は8でそれを取り除いていると思います）、独自のMS CSSプロパティでスクロールバーをスタイルすることができます。私はこれをお勧めしません。

スティーブは、ページ外のスクロールバーはブラウザに依存すると述べています。これが成り立つ間にbody要素をoverflow: hiddenに設定してから、巨大なコンテナをheight: 100%; width: 100%でHTMLに配置することで、偽装することができます。

ユーザーのスクロールバーに触れることはお勧めしません。それらはよく知られた慣例であり、エンドユーザーがすぐに認識することができます。彼らはクロスブラウザCSS/JSの実装ではなく、デフォルトのOSスタイルのスクロールバーの使い方を知っています。私はそれだと思う。Steve Krug that said 'Don't make me think!'

自分のスクロールバーを巻き込んだFlashサイトを見たことがありますか？ ugh！