on-load-remove-class="default-font">
×
Loading ...

Como aumentar a largura da barra de rolagem usando o CSS

Atualizado em 20 julho, 2017

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

Navegadores com o Webkit, como o Safari e o Chrome, suportam O CSS nas barras de rolamento (Jupiterimages/Comstock/Getty Images)
  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 “