CSSでスクロールバーの色を変更する方法

Question

私の学校のウェブサイトで多くのCSSプロパティを学んだことがあります。しかし、私はスクロールバーの色をどのように変えることができるのかを知りたがっています。例：

html { 
    scrollbar-arrow-color: white; 
    scrollbar-face-color: green; 
    scrollbar-face-hover-color: darkGreen; 
    scrollbar-shadow-color: black; 
    scrollbar-track-color: black; 
} 

多分矢印ボタンの背景を変更することもできます。

Answer 1

あなたは、次のプロパティでスクロールバーの外観を変更することができます。

body::-webkit-scrollbar 

次のコードは、ホバーで、赤にあなたのスクロールバーの背景色を変更します、それに青い

body::-webkit-scrollbar-thumb { 
background-color: red; 
outline: 1px solid slategrey; 
} 

body::-webkit-scrollbar-thumb:hover { 
background-color: blue; 
outline: 1px solid slategrey; 
} 

をオンにします

このテーマをよりよく理解するには、このページをご覧ください：

https://css-tricks.com/almanac/properties/s/scrollbar/

Answer 2

このようにすることができます。

::-webkit-scrollbar-face{ background: black;} ::-webkit-scrollbar-face:hover {background: darkGreen;}

この色の異なる色の顔ホバリング。