jquery - 悬停时更改滚动条宽度/颜色？

Question

我目前有一个修改过的滚动条:

       ::-webkit-scrollbar {
    width:12px;
}

::-webkit-scrollbar-track {
    visibility:hidden;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius:10px;
    border-radius:10px;
    background:#7c7c7c; 
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5); 
}

我想做的是，当我将鼠标悬停在它上面时，颜色会从浅黑色变为黑色，并且宽度会平滑地增加几个像素。最好是，我希望能够通过 CSS 完成这一切，但我猜这是不可能的，所以无论完成什么工作，我都非常感激。有谁知道如何做到这一点？提前致谢

Answer 1

添加此代码并检查。

::-webkit-scrollbar-thumb:hover {
    background:black; 
}