Web Stilark
CSS tips & triks

Scrollbar uten farger

Noen nettlesere (IE, Konqueror) har nylig begynt å støtte ustandard CSS egenskapene 'scrollbar-shadow-color', 'scrollbar-track-color' og flere. Disse egenskapene er ulovlige: de er ikke definert i noen av CSS spesifikasjonene og de er heller ikke markert som merkebeskyttet (ved å starte dem med "-vendor-"). Men du kan heldigvis skru dem av.

For å sikre at scrollbarene dine beholder deres normale farger, bruker du brukerstilark og '!important' (viktig) deklarasjonen. Brukerstilarket kan vanligvis finnes via options/settings menyen til nettleseren. I IE finnes den under "Accessibility" kategorien, i Konqueror under "Stylesheets" kategorien.

1. Om du ikke enda har et brukerstilark, begynner du med å lage en ny CSS fil. Den kan legges hvor som helst.
2. Tilføy de følgene linjene til brukerstilarket ditt:

   body, html {
     scrollbar-face-color: ThreeDFace !important;
     scrollbar-shadow-color: ThreeDDarkShadow !important;
     scrollbar-highlight-color: ThreeDHighlight !important;
     scrollbar-3dlight-color: ThreeDLightShadow !important;
     scrollbar-darkshadow-color: ThreeDDarkShadow !important;
     scrollbar-track-color: Scrollbar !important;
     scrollbar-arrow-color: ButtonText !important;
   }

3. Deretter angir du plassen som denne filen ligger i tilsvarende dialogboksen i nettleseren din.

Dette burde ta seg av problemet. Du må kanskje omstarte nettleseren for å se forandringene. For å se om det fungerer kan du ta en titt på en liten test som Bert Bos har laget (og jeg har oversett).