Como configurar el color de las barras de desplazamiento

Para poder cambiar el color de la barra de desplazamiento (scrollbars) de nuestro navegador deberemos de recurrir a las hojas de estilo en cascada (CSS). Para ello deberemos de modificar las opciones de estilo del cuerpo de la página (body).

Más concretamente las de la barra de desplazamiento. Las propiedades de la susodicha barra son:

scrollbar-face-color, el color de lo que es realmente la barra.
scrollbar-highlight-color, el color del fondo de la barra.
scrollbar-shadow-color, son los dos botones sobre los que podemos pulsar para desplazar la barra.

ColorScroll.htm

<html>
  <head>
  <title>Cambio del color de la barra de desplazamiento</title>

  <STYLE>
  body
  { 
  scrollbar-face-color:red;
  scrollbar-highlight-color:green;
  scrollbar-shadow-color:green;

  }
  </STYLE>
  </head>

  <body class="color" bgcolor="#FFFFFF" 
  text="#000000">

  <p><font face="Arial, Helvetica, sans-serif" size="3">Estaremos de acuerdo tu y yo que no tengo ning&uacute;n gusto para los colores.</font></p>
  </body>

  </html>

Autor: aulambra.com
http://www.aulambra.com/ver.asp?id=49

Usuarios que han visto este tema también han visto...

- Menus Simples con CSS y listas
- Distintos bordes de imágenes
- Posicionar una imagen rodeada de texto con CSS
- Sintaxis CSS
- Hojas de estilo externas

- Versión imprimible de este documento

- Enviar por e-mail este documento