style-sheets.de hat Anfang 2004 einen kompletten Relaunch hingelegt. Viele neue und die meisten alten Inhalte sind nun im neu strukturierten CSS-Guide zu finden.
Diese Seiten enthalten daher unter Umständen veraltete Inhalte. Sie werden jedoch aus historischen Gründen und zur Vermeidung von toten Links auch bis auf weiteres online bleiben.
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>