CSS: Scrollbar

Bringen Sie Farbe in die Scrollbar

Ich vermute zwar dass die meisten Webdesigner den Firefox-Browser verwenden, trotzdem sollten Sie die Webelement welche nur im Internet Explorer Gültigkeit haben nicht außen vor lassen. Immerhin sind laut Webhits ca.70% aller Surfer mit diesem im Web unterwegs.



Ein optischer Leckerbissen sind die farbigen Scroll-Balken einer Website. Diese lassen sich für jedes einzelne Element der Scrollbar mit CSS definieren. Für die HTML-Elemente   html und  body  bestimmen sie die Farben der Fenster-Scrollbar, für textarea sind es die Farben der Scroll-Leisten im Eingabebereich.



Folgende Eigenschaften sind möglich:


scrollbar-base-color   -      die Grundfarbe der Scrollbar
scrollbar-3dlight-color  - die Farbe für einen 3D-Effekte
scrollbar-arrow-color  -      die Farbe für die Pfeile
scrollbar-darkshadow-color  - die Farbe für einen Schatten
scrollbar-face-color  -            die Farbe für die Oberfläche
scrollbar-highlight-color - die  Farbe für den oberen und den                                                                   linken Rand
scrollbar-shadow-color  - die Farbe für den unteren und den rechten Rand
scrollbar-track-color - die Farbe für den Bereich, der zum Verschieben                                               zur Verfügung steht.


Die Farbangaben sind in den üblichen HTML-Farbwerten möglich: blue, #00F, #0000FF .



Hier noch als Beispiel der CSS-Code für die Scrollbar auf dem folgendem Bild:


scrollbar-base-color:#FF9900;
scrollbar-3dlight-color: #FF9900;
scrollbar-arrow-color: #666666;
scrollbar-darkshadow-color: #666666;
scrollbar-face-color: #FF9900;
scrollbar-highlight-color: #FF9900;
scrollbar-shadow-color: #FF9900;
scrollbar-track-color: #999999;