Почему не работаю стили прокрутки?

Question

[Дмитрий]

Не хочет меняться полоса прокрутки элемента в Хроме. Почему? При этом стили даже не видны в панели разработчика.

.b-tabs__links::-webkit-scrollbar {
  width: 12px;               /* ширина всей полосы прокрутки */
}

.b-tabs__links::-webkit-scrollbar-track {
  background: orange;        /* цвет зоны отслеживания */
}

.b-tabs__links::-webkit-scrollbar-thumb {
  background-color: blue;    /* цвет бегунка */
  border-radius: 20px;       /* округлось бегунка */
  border: 3px solid orange;  /* отступ вокруг бегунка */
}

Comments

[Дмитрий]

serega danet, А какой новый?

[Дмитрий]

serega danet, Большое спасибо. Помогло scrollbar-width: none;. Убрал вообще полосу скролла. Можете сформировать ответ и я отмечу его решением.

Answer 1

[Сергей delphinpro]

Работает

Comments

[Дмитрий]

Почему у меня не работает. Может что-то перебивать?

[Дмитрий]

Посмотрите https://polarspa.ru/kupel-polarspa-elite-220.html

[Сергей delphinpro]

serega danet, о тонких скроллбарах рассуждает человек, который вообще их скрывает =)
Наверное в скрытые легче попасть =\.

[Дмитрий]

Сергей delphinpro, В итоге я его не скрыл, а получилось действительно тоньше сделать.

[Дмитрий]

У меня горизонтальный скролл. Можно пальцем перетаскивать или мышью. Всё равно видно, что элемент спрятан за границами и человек понимает что на проскроллить.