Como aumentar a largura da barra de rolagem usando o CSS

Escrito por sara williams | Traduzido por sophia coe
Como aumentar a largura da barra de rolagem usando o CSS
Navegadores com o Webkit, como o Safari e o Chrome, suportam O CSS nas barras de rolamento (Jupiterimages/Comstock/Getty Images)

O Internet Explorer introduziu configurações de cor para barras rolantes na versão IE 5.5, mas os estilos para essas barras nunca se tornaram uma parte oficial de qualquer especificação do CSS. Entretanto, os navegadores com o Webkit, como o Safari e o Chrome, suportam o CSS nas barras de rolamento, além de permitirem que você mude a largura delas. Esses browsers usam pseudo-elementos e o prefixo “webkit” para permitir que você mude os estilos em uma variedade de peças da barra de rolagem, incluindo opções de faixa e seta.

Instruções

  1. 1

    Abra o arquivo da folha de estilo em um Notepad ou em um editor de código. Encontre o seguinte arquivo CSS no cabeçalho do HTML do seu website:

    Escreva o seu código CSS na parte inferior da folha de estilo. Se a sua página da web não usar folhas de estilo externas, acrescente o CSS entre os rótulos “