
Как сделать стилизацию скролла?
Для Firefox:
Для Firefox:
html, body {
scrollbar-color: #458245 #714826; /* «цвет ползунка» «цвет полосы скроллбара» */
scrollbar-width: auto | thin | none; /* толщина */
}
Для остальных браузеров:/* полоса прокрутки (скроллбар) */
::-webkit-scrollbar {
width: 24px; /* ширина для вертикального скролла */
height: 8px; /* высота для горизонтального скролла */
background-color: #143861;
}
/* ползунок скроллбара */
::-webkit-scrollbar-thumb {
background-color: #843465;
}
/* Стрелки */
::-webkit-scrollbar-button:vertical:start:decrement {
background-color: #f6f8f4;
}
::-webkit-scrollbar-button:vertical:end:increment {
background-color: #f6f8f4;
}
::-webkit-scrollbar-button:horizontal:start:decrement {
background-color: #f6f8f4;
}
::-webkit-scrollbar-button:horizontal:end:increment {
background-color: #f6f8f4;
}
#css | #полезности