English to Spanish Translation by Trusted Translations, Inc.

Otras Traducciones de W3 en Spanish Translator Services

Este documento es una traducción del tutorial "Un-colored scrollbars" propiedad de Bert Bos publicado en el sitio de W3C.

La versión en inglés de esta especificación es la única con valor normativo y puede encontrarse en: http://www.w3.org/Style/Examples/007/scrollbars.html

Hojas de estilo para la Web
Trucos y sugerencias para CSS

(Esta página usa hojas de estilo CSS)

Barras de desplazamiento sin color

Algunos navegadores (IE, Konqueror) han comenzado a admitir recientemente las propiedades no estandarizadas "scrollbar-shadow-color", "scrollbar-track-color" y otras. Estas propiedades son ilegales: no están definidas en ninguna especificación de CSS ni están señaladas como propiedades privadas (con prefijo "-vendor-"). Pero afortunadamente, es fácil deshabilitarlas.

Para asegurar que las barras de desplazamiento del navegador conserven los colores normales, se puede usar la hoja de estilo de usuario y la declaración "!important". Por lo general, el usuario puede optar por el uso de su propia hoja de estilo, a través del menú de opciones/configuración del navegador. En IE esto puede hacerse en la ficha "Accesibilidad"; en Konqueror está en la ficha "Stylesheets" (hojas de estilo).

  1. Si aún no tiene una hoja de estilo de usuario, lo primero es crear un nuevo archivo CSS, que puede guardar donde lo desee.
  2. Agregue a este archivo de hoja de estilo las siguientes líneas:
    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. En el cuadro de diálogo correspondiente en el navegador, ingrese la ruta a este archivo.

Esto debería bastar para resolver el problema, pero para ver el efecto, tal vez deba salir y reiniciar el navegador. Aquí tiene una pequeña prueba que he preparado para verificar si el truco funcionó.

CSS ¡CSS válido!¡HTML 4.0 válido!

Bert Bos
creado el 12 de octubre de 2001;
última actualización $Date: 2007/01/15 13:04:18 $ GMT