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
(Esta página usa hojas de estilo CSS)
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).
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; }
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ó.