当webkit-scrollbar-thumb悬停时，更改webkit-scrollbar-track-piece的颜色？

Question

我有以下CSS规则：

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

当webkit-scrollbar-thumb悬停时，我还想装饰webkit-scrollbar-track-piece。类似的东西：

//  Doesn't work:
::-webkit-scrollbar-thumb:vertical:hover ::-webkit-scrollbar-track-piece {
    background-color: red !important;
}

使用另一个我不知道的表达式，这只能用CSS吗？或者目前不可能这样做吗？

Answer 1

试试这个： -

::-webkit-scrollbar-thumb:vertical:hover + ::-webkit-scrollbar-track-piece{
    background-color: red !important;
}

或

::-webkit-scrollbar-thumb:vertical:hover ~ ::-webkit-scrollbar-track-piece{
        background-color: red !important;
    }

Answer 2

2019年-适用于我（至少在Chrome中有效），以减轻悬停时的滚动条：

"{mydata>/myvar}"

或针对特定班级：

::-webkit-scrollbar:hover {
  background-color: rgba(200,200,200,.1) !important;
}

（您可以更改颜色/不透明度...）