Стилизация полосы прокрутки по умолчанию в Vue ⇐ CSS

[Anonymous]

Я пытаюсь стилизовать ползунок полосы прокрутки по умолчанию в vue (черный фон, поэтому в настоящее время нет возможности увидеть значение по умолчанию). Я пробовал все следующее, и не было никакой разницы

Код: Выделить всё

 main::-webkit-scrollbar-thumb {
border-radius: 2px;
/* background-color: rgba(0,0,0,.5); */
background-color: #00FF01;
color: #00FF01;
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
body::-webkit-scrollbar-thumb {
border-radius: 2px;
/* background-color: rgba(0,0,0,.5); */
background-color: #00FF01;
color: #00FF01;
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
::-webkit-scrollbar-thumb {
border-radius: 2px;
/* background-color: rgba(0,0,0,.5); */
background-color: #00FF01;
color: #00FF01;
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

Различается ли реализация webkit?

Подробнее здесь: https://stackoverflow.com/questions/754 ... bar-in-vue