Html
Файл example.html
<html>
<!-- подключаем файл css -->
<link rel="stylesheet" href="example.css">
<!-- страница -->
<body>
<div style='width:2000px; height:2000px;'>
Hello!
</div>
</body>
</html>
CSS
Файл example.css
/* scrollbar */
::-webkit-scrollbar {
width: 16px;
height: 16px;
background-color: #0000FF; /* blue */
}
/* thumb for scrollbar */
::-webkit-scrollbar-thumb {
background-color: #00FF00; /* green */
border-radius: 9em;
box-shadow: inset 1px 1px 10px yellow; /* yellow */
}
::-webkit-scrollbar-thumb:hover {
background-color: orange; /* orange */
}
Html
Файл example.html
<html>
<!-- подключаем файл css -->
<link rel="stylesheet" href="example.css">
<!-- страница -->
<body>
<div style='width:2000px; height:2000px;'>
Hello!
</div>
</body>
</html>
CSS
Файл example.css
html, body {
scrollbar-color: #458245 #714826; /* color scrollbar color thumb */
scrollbar-width: auto | thin | none; /* width */
}
Your feedback ... Comments ...