Microsoft hat in Eigenregie, also ohne Inspiration durch einen W3C-Standard, ein kleines Extra in die Browser ab 5.5 eingebaut. Auf CSS basierend kann man die Toolbars farblich bearbeiten. Andere Browser stören sich daran nicht und ignorieren diese Deklarationen. Nur CSS-Validatoren passt das nicht. Sie geben Fehlermeldungen aus.
Folgende Angaben sind möglich (was geändert wurde ist blau hervorgehoben):
scrollbar-3dlight-color |
 |
scrollbar-arrow-color |
 |
scrollbar-base-color |
 |
scrollbar-darkshadow-color |
 |
scrollbar-face-color |
 |
scrollbar-highlight-color |
 |
scrollbar-shadow-color |
 |
In den obigen Beispielen ist nicht ganz zur Geltung gekommen, was passiert wenn man verschiedene Tags kombiniert. srollbar-base-color und scrollbar-face-color sehen sich hier sehr ähnlich aus, bei der Definition von beiden kommt erst die eigentliche Wirkung von scrollbar-face-color heraus.
Hier wurde für scrollbar-base-color der Wert #0f0 und für scrollbar-face-color #f00 verwendet.
Im Stylesheet sieht das dann so aus:
BODY {
scrollbar-base-color: #0f0;
scrollbar-face-color: #ff0;
}
Ferner ist es möglich eine <textarea> (kann ja auch Scrollbars enthalten) anzusprechen.
<html>
<head>
<title>Scrollbareinfärbung in Textareas</title>
<style type="text/css">
.ta {
scrollbar-3d-light-color: #00ff00;
scrollbar-arrow-color: #0000ff;
}
</style>
</head>
<body>
<textarea cols="50" rows="10" wrap="off" class="ta">
Um den Effekt zu sehen müssen die Scrollbars auch in Anspruch genommen werden, soll heißen
dass der Text entweder breiter oder länger als das Textfeld sein muss.
</textarea>
</body>
</html>