Styling :: - webkit-scrollbar-track not working

Question

私はスクロールバーのトラックのスタイルを設定しようとしています。トラックをスタイルするときはいつでも：

div::-webkit-scrollbar-track { 
    background-color: blue; 
} 

何も変わりません。

div::-webkit-scrollbar { 
    background-color: blue; 
} 

全体のスクロールバーが青で、私がここで行方不明です何が見えない親指

：私はスクロールバーのスタイルを設定するたびに

？

編集：

私はChromeで作業しています。奇妙なのは、すべてのオーバーフローコンテナのスクロールバーが表示され始めたことです。それらが見えなくなる前にスクロールサムが表示されるのは、マウスを動かすかスクロールするときだけです（どちらが覚えていないのでしょうが、必ずしもそうではありませんでした）。 Firefoxが望む動作をしているようだ。

最近Chromeのスクロールバーで何か変更がありましたか？

Answer 1

スクロールバーをスタイリングするための次のスニペットを試してください。

注：クローム、サファリ よう-webkitブラウザ上でのみ動作にCSSのためのW3C標準が存在しないので、したがって、ほとんどのブラウザ はちょうどそれらを無視します。

div { 
 
    width: 400px; 
 
    height: 150px; 
 
    overflow: auto; 
 
} 
 

 
div::-webkit-scrollbar-track { 
 
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); 
 
    border-radius: 10px; 
 
    background-color: #F5F5F5; 
 
} 
 

 
div::-webkit-scrollbar { 
 
    width: 12px; 
 
    background-color: #F5F5F5; 
 
} 
 

 
div::-webkit-scrollbar-thumb { 
 
    border-radius: 10px; 
 
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); 
 
    background-color: #555; 
 
}

<div> 
 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc hendrerit, nunc ut porta euismod, purus leo suscipit ante, quis hendrerit sem velit ut tellus. Aenean justo lorem, viverra tristique malesuada quis, rhoncus sodales turpis. Donec a tempus felis. 
 
    Morbi faucibus eros nec leo facilisis lacinia. Nam at erat ac augue semper ultricies vitae nec erat. Donec et dapibus felis, vitae placerat magna. Aliquam non magna nec orci scelerisque lobortis. 
 
    <br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc hendrerit, nunc ut porta euismod, purus leo suscipit ante, quis hendrerit sem velit ut tellus. Aenean justo lorem, viverra tristique malesuada quis, rhoncus sodales turpis. Donec 
 
    a tempus felis. Morbi faucibus eros nec leo facilisis lacinia. Nam at erat ac augue semper ultricies vitae nec erat. Donec et dapibus felis, vitae placerat magna. Aliquam non magna nec orci scelerisque lobortis. 
 
</div>