Como fazer para remover o quadrado branco no canto inferior direito na junção das duas scrollbars?
Bom, infelizmente nós não podemos remover este quadrado branco, que no caso do exemplo da imagem acima ele é vermelho, para realçar aquilo que vamos estar a modificar neste tutorial de hoje.
Este quadrado não pode ser removido e aparece com uma cor diferente da suposta `div` verde porque ele faz parte da `scrollbar`. Contudo, podemos modificar a sua cor de fundo utilizando `background-color` ou usando uma imagem como background. Para modificarmos a cor deste quadrado precisamos de aplicar o seguinte código CSS:
```
::-webkit-scrollbar-corner {
/*
background-image: url(imagens/canto-scrollbar.png);
background-repeat: no-repeat;
*/
background-color: #23241f;
}
```
Como o próprio nome indica "`::-webkit-scrollbar-corner`" refere-se ao canto da scrollbar em navegadores "webkit". Aqui está um exemplo online no jsFiddle:
► https://jsfiddle.net/sdL43buw/
esquina, quina, kina, canto, aresta, barra de rolagem, estilizar, estilo, personalizar, costumizar, união, junta, scrollbar, corner