chrome自定义滚动条样式改变鼠标光标无效求解！！

原意是希望鼠标停留在滚动条滑块上时，光标从箭头变为手型。
代码贴图
&::-webkit-scrollbar-thumb{
background-color: #c6c6c6;
width: 8px;
height: 12px;
min-height: 30px;
max-height: 90px;
border-radius: 4px;
&:hover{
cursor: pointer;
background-color: #666;
}
}
但是并没有效果

            在网上看过很多自定义谷歌浏览器滚动条样式的代码，没有看到过改变鼠标光标样式的，请问是不不能呢改变这个样式吗

div{
    cursor:pointer;
}

div * {
    cursor:default;
}

直接修改容器的光标样式，再把容器里所有的元素改回去

试一试这样写

 ::-webkit-scrollbar-thumb {
    background-color: #c6c6c6;
    width: 8px;
    height: 12px;
    min-height: 30px;
    max-height: 90px;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    cursor: pointer;
    background-color: #666;
}