pro100taa
@pro100taa

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

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

.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;  /* отступ вокруг бегунка */
}
  • Вопрос задан
  • 128 просмотров
Решения вопроса 2
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Работает

66758e0892be7615574955.png
Ответ написан
seregadushka
@seregadushka
minsk
с начала 2024 года с выходом Chromium121 введен новый синтаксис для стилизации scrollbar caniuse.com. Этот новый синтаксис приведен к общим стандартам CSS. Применять псевдоэлементы к скролл-барам необходимости нет.
Стандартный синтаксис для скролл-баров с 2024 года -- developer.mozilla.org
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы