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

Question

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

これをすべてのブラウザで一貫して行う方法はありますか?

また、ブラウザのメイン スクロールバー (ページ全体に表示される) とページ内のテキスト領域のスクロールバーに違いはありますか? 前者じゃなくて後者だけ操作できますか？

Answer 1

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

ただし、ページ外のスクロールバーのレンダリングはブラウザー次第です。

WebKitは最近、デフォルトのスクロールバーのスタイルを設定する機能を追加しましたが、これはまだページ内でのみ適用されます。

編集: MooScroll は、スクロールするものが何もないことを伝え、ウィンドウの一番右側に独自のスクロールバーを作成することで、ブラウザーのメイン スクロールバーを「置き換える」ことができたようです。頭がいい！

スティーブ

Answer 2

スティーブは良い答えを出しましたが、続けさせてください。

IE 5.5-7 (しかし、8 では取り除かれていると思います) では、いくつかの独自の MS CSS プロパティを使用してスクロールバーのスタイルを設定できました。これはお勧めしません。

Steve は、ページの外側のスクロール バーはブラウザー次第だと述べています。これは本当ですが、body 要素を に設定overflow: hiddenし、HTML に巨大なコンテナをheight: 100%; width: 100%.

ユーザーのスクロール バーに触れることはお勧めしません。これらはよく知られた規則であり、エンド ユーザーはすぐに認識できます。彼らはデフォルトの OS スタイルのスクロール バーを使用する方法を知っていますが、クロス ブラウザーの CSS/JS 実装を簡単に試みることはありません。「考えさせないで！」と言ったのはスティーブ・クルーグだったと思います。

独自のスクロール バーを回転させる Flash サイトを見たことがありますか? うーん！

Answer 3

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