Personalizzare il browser di scorrimento in una applicazione web aggiunge un piccolo tocco per esperienze di spettatore. La combinazione di colori può essere modificato in base al layout della pagina web, e ci sono molti altri aspetti del bar che possono essere personalizzati, come le frecce, il bar, la base e le zone di ombreggiatura. Questi sono personalizzati utilizzando stili CSS all'interno dei tag di intestazione delle tue pagine web.

istruzione

1 Indicare nel codice che viene creato un nuovo stile. All'interno dei tag head, l'uso del "<style>" tag crea un nuovo stile per i layout di pagina. Quanto segue è la sintassi:
<Style type = "text / css">
<! - Codice è entrato qui ->
</ Style>

2 Inserire un nuovo colore per la traccia della barra di scorrimento. La pista è l'area sotto la barra. Questo è normalmente una tonalità più chiara del colore della barra. Il codice seguente cambia il colore della traccia di bianco:
html {scrollbar-track-color: #FFFFFF;}

3 Creare un nuovo stile di barra di colore. Il seguente codice viene utilizzato per modificare la barra di scorrimento a nero:
html {scrollbar-faccia-color: # 000000;}

4 colori Modifica freccia. stili CSS possono anche cambiare i colori freccia. Il codice seguente modifica le frecce a arancione:
html {scrollbar-freccia-color: # FF0000;}

5 Modificare i valori di colore di ombreggiatura. Infine, l'ombreggiatura è anche migliorata attraverso gli stili CSS. Le seguenti modifiche delle caratteristiche di ombreggiatura della barra di scorrimento al blu:
html {scrollbar-shadow-color: # 0000FF;}