Не работает стиль скроллбара
Почему данный стиль скроллбара не работает в 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>Ответы (1 шт):
Автор решения: Pîrnău Artemie
→ Ссылка
Только Google Chrome поддерживает псевдоэлементы (-webkit-scrollbar, -webkit-scrollbar-track, -webkit-scrollbar-thumb), другими словами, стилизация полосы прокрутки работает только в Chrome, в других браузерах она работать не будет.