0

Почему данный стиль скроллбара не работает в Firefox?

Как заставить данный стиль работать в Firefox?

html::-webkit-scrollbar {
 width: 5px;
}

html::-webkit-scrollbar-track {
 -webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;
 -moz-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;
 background-color: #f9f9fd;
 border-radius: 10px;
}

html::-webkit-scrollbar-thumb {
 border-radius: 10px;
 background: linear-gradient(180deg, #00c6fb, #005bea);
 -moz-background: linear-gradient(180deg, #00c6fb, #005bea);
}
<div>

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br><br><br>
<br>
<br>
<br>
<br><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

</div>

2

1 ответ 1

1

Только Google Chrome поддерживает псевдоэлементы (-webkit-scrollbar, -webkit-scrollbar-track, -webkit-scrollbar-thumb), другими словами, стилизация полосы прокрутки работает только в Chrome, в других браузерах она работать не будет.

1
  • Неа, в yandex и opera работает норм =) 4 мар 2022 в 22:37

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.