Cómo personalizar su barra de desplazamiento

Personalización del navegador de desplazamiento en una aplicación web añade un pequeño toque para las experiencias de visualización. La combinación de colores puede ser cambiado para que coincida con el diseño de su página web, y hay varios otros aspectos de la barra que se pueden personalizar, como el flechas, la barra, la base y las zonas de sombra. Éstos son personalizados utilizando estilos CSS dentro de las etiquetas de cabecera de sus páginas web.

Instrucciones

1 Indicar en el código que se crea un nuevo estilo. Dentro de las etiquetas de la cabeza, el uso de la "<style>" etiqueta crea un nuevo estilo para los diseños de página. La siguiente es la sintaxis:
<Style type = "text / css">
<! - Código introduce aquí ->
</ Style>

2 Introduzca un nuevo color para la pista de la barra de desplazamiento. La pista es el área debajo de la barra. Se trata normalmente de un tono más claro que el color de la barra. El código siguiente cambia el color de la pista al blanco:
html {scrollbar-pista-color: #FFFFFF;}

3 Crea un nuevo estilo de la barra de color. El siguiente código se utiliza para cambiar la barra de desplazamiento a negro:
html {barra de desplazamiento cara color: # 000000;}

4 Editar flecha colores. estilos CSS también pueden cambiar los colores de flecha. El código siguiente cambia las flechas a la naranja:
html {scrollbar-arrow-color: # FF0000;}

5 Cambiar los valores de color de sombreado. Por último, el sombreado también se ha mejorado a través de los estilos CSS. Los siguientes cambios en las características de sombreado de la barra de desplazamiento al azul:
html {scrollbar-sombra-color: # 0000FF;}