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
