Как сделать стилизацию скролла?



Для 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 | #полезности