Fogli di Stile per il Web
suggerimenti & trucchi sui CSS

scrollbar s-colorate

Alcuni browser (IE, Konqueror) hanno recentemente cominciato a supportare le proprietà non standard 'scrollbar-shadow-color', 'scrollbar-track-color' ed altre. Queste proprietà sono illegali: non sono definite in nessuna specifica del CSS e nemmeno sono contrassegnate come proprietarie (dal prefisso "-vendor-"). Ma fortunatamente si possono facilmente disabilitare.

Per essere sicuri che le scrollbar di un browser mantengano il loro normale colore, usare il foglio di stile dell'utente e la dichiarazione '!important'. Il foglio di stile dell'utente di solito può essere configurato dalle opzioni/impostazioni del menu del browser. In IE si può trovare sotto la scheda "Accesso Facilitato", in Konqueror sotto la scheda "Fogli di stile".

1. Se non si ha ancora un foglio di stile dell'utente, cominciare creando un nuovo file CSS. Lo puoi mettere ovunque.
2. Aggiungere le seguenti righe al file del foglio di stile:

   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. Immettere il percorso di questo file nella corrispondente finestra di dialogo del browser.

Questo dovrebbe produrre l'effetto desiderato. Potrebbe essere necessario riavviare il browser per vedere gli effetti. Per controllare che funzioni, si può guardare questo piccolo test che ho fatto.