Pesquisei e encontrei uma solução. Descobri que é possivel personalizar a barra com essas propriedades CSS:
Definindo propriedades:
Da barra de rolagem no geral:
::-webkit-scrollbar{width:15px; }
Dos botões (cima/baixo):
::-webkit-scrollbar-button{background-color:#bfbfbf; height:15px;}
Do fundo que fica atrás da barra de rolagem:
::-webkit-scrollbar-track-piece {background-color:#e4e4e4;}
Da barra de rolagem na vertical:
::-webkit-scrollbar-thumb:vertical{background-color:#bfbfbf; border-top:1px solid #a4a4a4; border-bottom:1px solid #a4a4a4}
Da barra de rolagem na horizontal:
::-webkit-scrollbar-thumb:horizontal{background-color:black;}
Do botão inferior(da barra vertical):
::-webkit-scrollbar-button:vertical:increment {background-image:url("Imagens/seta-baixo.png");}
Do botão superior(da barra vertical):
::-webkit-scrollbar-button:vertical:decrement {background-image:url("Imagens/seta-cima.png");}
Resultado:
::-webkit-scrollbar-*