CSS

Farbige Scrollbalken

Details

Veröffentlicht am Mittwoch, 08. Oktober 2008 21:44

Geschrieben von Jan Pionzewski

Sie haben eine dunkle Webseite angelegt, aber die hellen Scrollbalken des Browsers stören? Kein Problem, mit den folgenden CSS-Definitionen können Sie auch die Farbe der Scrollbalken des Browsers ändern.

Beispiel:

<STYLE TYPE="text/css"><!--
BODY {
scrollbar-base-color : #FARBWERT;
scrollbar-track-color : #FARBWERT;
scrollbar-highlight-color : #FARBWERT;
scrollbar-3d-light-color : #FARBWERT;
scrollbar-dark-shadow-color : #FARBWERT;
scrollbar-shadow-color : #FARBWERT;
scrollbar-arrow-color : #FARBWERT;
}
--></STYLE>

Erklärung:
scrollbar-base-color - Dies ist die Grundfarbe des Scrollbalkens
scrollbar-track-color - Hiermit wird die Farbe des Reglers definiert
scrollbar-3d-light-color - Der 3D-Effekt an den Pfeilen wird farblich hervorgehoben
scrollbar-highlight-color - Hiermit wird die Farbe des Reglers bei Aktivierung festgelegt
scrollbar-dark-shadow-color - Der dunkle Schatten des Reglers
scrollbar-arrow-color - Damit wird die Farbe der beiden Pfeile (oben/unten) bestimmt
scrollbar-shadow-color - Die Farbe des Schattens

Hinweis:
Der Spielverderber in diesem Fall ist der Browser Firefox. Dieser setzt die Angaben nicht um. Sowohl Internet Explorer als auch Opera interpretieren die Angaben.