Busca

Carregando...

quarta-feira, 20 de julho de 2005

Barra de rolagem colorida no Internet Explorer

Atualizado dia 02/07/2014.

Com CSS é possível personalizar as cores da barra de rolagem da sua página para que ela aparereça colorida no Internet Explorer 5.5 ou superior. Com este exemplo fica fácil saber como configurar sua barra de rolagem para que combine com as cores de seu template.

Você pode definir uma cor única base para a barra de rolagem para que ela apareça no modelo padrão do Windows:

Se você gostou do modelo padrão, mas quer mudar apenas alguns detalhes como a cor da seta e a cor do fundo, por exemplo, você pode fazê-lo. Exemplo:

Criei alguns modelos de barras de rolagem coloridas com duas cores. Vale lembrar que você pode substituir o "white" por outra cor clara e o "black" por outra cor escura para obter os mesmos efeitos (como "aqua" e "blue", "pink" e "purple", "lime" e "green", etc.).

No Internet Explorer 11 o código foi simplificado:

* {scrollbar-track-color:white; /* cor de fundo da barra de rolagem */ scrollbar-face-color:tan; /* cor da parte que rola */ scrollbar-arrow-color:indianred; /* cor da seta */ scrollbar-shadow-color:peru; /* cor da borda */}

Confira também o post CSS: barra de rolagem colorida no Google Chrome.

Até mais!

Posts relacionados