Jquery 是否更改悬停时的滚动条宽度/颜色？

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

       ::-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来完成这一切，但我猜这是不可能的，所以无论做什么工作都是非常感谢的。有人知道怎么做吗？提前感谢

添加此代码并检查

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

---

适用于颜色，但在我将宽度设置为16px时没有任何作用如何更改宽度？请检查此线程中的小提琴，它似乎会影响整个滚动条，包括轨迹。我只是想让拇指展开几个像素。我想你可能需要使用动态/自定义滚动条，比如为什么你只想用

-webkit-

前缀来编辑它。并非所有浏览器都支持它。一些插件可以帮助你。也许是这个：它的造型很简单。