Здравствуйте. Возможно ли изменить цвет скроллбара? Дело в том, что на многих сайтах он сливается с фоном, и его очень сложно становится заметить. Мне бы сделать его темнее.

https://forum.mozilla-russia.org/viewto … 41#p750041
https://forum.mozilla-russia.org/viewto … 29#p751829

Благодарю.

andro1d пишет

Возможно ли изменить цвет скроллбара?

Есть также вариант от разработчика Classic Theme Restorer - Release Custom Scrollbars · Aris-t2

А для 52ESR никакого стиля интересного нет?

Mishania пишет

А для 52ESR никакого стиля интересного нет?

скрытый текст

Выделить код

Код:

/*
Скроллбар
*/
/* AGENT_SHEET */


scrollbar, scrollcorner 
{
-moz-appearance: none !important; 
background: none !important; 
padding: 0 !important; 
border: 0 !important; 
margin: 0 !important; 
}

scrollbar:hover thumb[orient="vertical"],
scrollbar:hover scrollbarbutton
{ background: green !important; opacity: .5 !important; }

scrollbar:hover thumb[orient="horizontal"],
scrollbar:hover scrollbarbutton
{ background: yellow !important; opacity: .5 !important; }

scrollbar thumb[orient="vertical"],
textbox scrollbar thumb[orient="vertical"]
{ -moz-appearance: none !important; 
opacity: .4 !important;
min-height: 30px !important;
border: none !important; 
border-radius: 4px !important; 
background-color: #444444 !important;  
background-image: -moz-linear-gradient(90deg, #444 0%, #999 5%, #444 50%, #999 95%, #444 100%) !important; 
}

scrollbar thumb[orient="horizontal"],
textbox scrollbar thumb[orient="horizontal"]
{ -moz-appearance: none !important; 
opacity: .4 !important;
min-height: 30px !important;
border: none !important; 
border-radius: 5px !important; 
background-color: #444444 !important;  
background-image: -moz-linear-gradient(90deg, #444 0%, #999 5%, #444 50%, #999 95%, #444 100%) !important; 
}

scrollbar[orient="vertical"]
{
min-width: 8px !important;
max-width: 8px !important;
}

html>scrollbar[orient="vertical"]
{
margin-left: -8px !important;
position: relative !important;
z-index: 99999999 !important;
}

scrollbar[orient="horizontal"]
{
max-height: 10px !important;
min-height: 10px !important; 
}
html>scrollbar[orient="horizontal"]
{
position: relative !important;
z-index: 99999999 !important;
}

scrollbarbutton {display: none!important; }

/**** so scrollbar won't block links, other scrollbars, etc *****/
@-moz-document url-prefix(http){
body
{
padding-right: 8px !important;
max-width: calc(100% - 8px)  !important;
}
}

Ultima2m
Отлично, сделал чуть потолще, теперь такая красота! Вот сейчас заживу. ;) Спасибо.