Wie ändere ich die Scrollbar-Farben des Browsers mithilfe von CSS?

Question

Von der Google Results Seite, die Beispiele, die ich gesehen habe, arbeiteten nur im IE und einem Fall in Opera.

Gibt es eine Möglichkeit, dies konsistent über alle Browser hinweg zu tun?

Gibt es auch einen Unterschied zwischen der Hauptscrollleiste des Browsers (die auf der gesamten Seite erscheint) und der Bildlaufleiste in einem Textbereich mit der Seite? Kann ich nur das letztere manipulieren, wenn nicht das erstere?

Answer 1

Sie können Ihre eigenen Bildlaufleisten in eine Seite mit einer Kombination aus CSS und JavaScript erstellen. Siehe https://stackoverflow.com/questions/780674/scroll-bar-with-images.

Allerdings ist das Rendern der Bildlaufleiste außerhalb die Seite ist auf den Browser.

WebKit recently added the ability to style the default scrollbars, aber dies gilt immer noch nur innerhalb der Seite.

EDIT: Es scheint, dass MooScrollhat verwaltet ‚ersetzen‘ Haupt Scrollbar des Browsers, indem sie es sagen, es gibt nichts zu bewegen und dann an der äußersten rechten Seite des Fensters ihre eigenen Scrollbar zu schaffen. Klug!

Steve

Answer 2

Es gibt keine Cross-Browser-Methode.

Answer 3

Kurze Antwort-Nr.

Das Aussehen des Browsers liegt leider außerhalb Ihrer Kontrolle - Sie liefern nur den Inhalt. Es hängt vom Browser ab, wie er den Inhalt scrollen möchte.

Answer 4

Steve hatte eine gute Antwort, aber lassen Sie mich weiter.

In IE 5.5-7 (aber ich denke, dass sie es in 8 loswerden), könnten Sie die Bildlaufleisten mit einigen proprietären MS CSS Eigenschaften stylen. Ich würde das nicht empfehlen.

Steve erwähnt, dass die Bildlaufleiste außerhalb der Seite dem Browser zur Verfügung steht. Während dies zutrifft, könnten Sie es fälschen, indem Sie das body-Element auf overflow: hidden setzen und dann einen großen Container in den HTML-Code mit height: 100%; width: 100% einfügen.

Ich würde nicht empfehlen, die Bildlaufleisten des Benutzers zu berühren. Sie sind eine bekannte Konvention, und sie sind für den Endbenutzer schnell erkennbar. Sie wissen, wie man die standardmäßigen OS-Scroll-Leisten verwendet, nicht Ihren schnellen Versuch der browserübergreifenden CSS/JS-Implementierung. Ich denke, es war Steve Krug that said 'Don't make me think!'

Haben Sie jemals Flash-Seiten gesehen, die ihre eigenen Bildlaufleisten gerollt haben? Pfui!