html - 当悬停 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;
}

或针对特定类(class):

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

(您可以更改颜色/不透明度...)