悬停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

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

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

或对于特定班级：

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

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

Answer 2

尝试一下：-

::-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;
    }