Farbige Scrollbalken

(Auszug aus "CSS Kochbuch" von Christopher Schmitt)

Problem

Sie wollen die Farbe der Scrollbalken eines Browserfensters anpassen.

Lösung

Benutzen Sie die Eigenschaften zum Verändern der Scrollbalkenfarben in Browsern, die diese unterstützen:

Warnung: Es wird von Browserherstellern nicht erwartet, dass sie diese Eigenschaften unterstützen, da sie nicht Teil der W3C-Empfehlung für CSS sind. Die hier gezeigte Lösung funktioniert nur in KDE Konqueror und Internet Explorer 5.5+ für Windows. Andere Browser werden diese Regeln einfach "übersehen".

Diskussion

Auch wenn ein Scrollbalken nur ein einfaches Werkzeug zu sein scheint, besteht er aus vielen verschiedenen Einzelteilen, die zusammen ein steuerbares dreidimensionales Objekt ergeben. In der folgenden Abbildung sind die verschiedenen Eigenschaften eines Scrollbalkens dargestellt. Wie Sie sehen, müssen für ein komplett neues Farbschema insgesamt sieben einzelne Eigenschaften angepasst werden.

Abbildung: Proprietäre CSS-Eigenschaften für Internet Explorer (Windows), die die Darstellung von Scrollbalken beeinflussen.

Neben den Scrollbalken von Browserfenstern können Sie außerdem die Scrollbalken von textarea-Elementen (in einem Webformular), von framesets, iframes und allen anderen Dingen anpassen, die einen Scrollbalken besitzen können:

Sobald eine Seite keine gültige DOCTYPE-Deklaration enthält, schaltet Internet Explorer für Windows in den sogenannten Quirks-Modus (für nicht standardkonformes Verhalten) und erkennt daraufhin die Scrollbalken-Eigenschaften im body-Selektor. Enthält eine Seite eine gültige Deklaration des Dokumenttyps, befindet sich Internet Explorer für Windows im Standardmodus und erkennt auch den html-Selektor. Für den Fall, dass sich der Dokumenttyp ändert, ist es daher sinnvoll, die body- und html-Selektoren zu gruppieren und mit den gleichen CSS-Regeln zu versehen, wie hier gezeigt: