在悬停时着色webkit-scrollbar-track

Question

我有一些CSS突出了webkit的滚动条轨道和拇指。它看起来像这样：

::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { background: white; }
::-webkit-scrollbar-thumb { background: #ddd; }
::-webkit-scrollbar-thumb:hover { background: #999; }
::-webkit-scrollbar-track:hover { background: blue; }

.scroller
{
    overflow: auto;
    font: 16px/1.5 Arial;
    color: #444;
    border: 1px solid #ddd;
    margin: 20px;
    padding: 20px;
    max-width: 300px;
    height: 200px;
}

这是一个JSFiddle：http://jsfiddle.net/eR9SP/21/

在提供的代码段中，当我将鼠标悬停在轨道上时，它会变为蓝色。当我将鼠标悬停在拇指上时，轨道变为蓝色，拇指变为深灰色。

我希望能够反转这种行为。当轨道突出显示时，我想拇指转向深灰色，我希望当拇指悬停时，轨道保持白色。这可能与CSS或JavaScript有关吗？

我的理由是：

• 当鼠标悬停在轨道上时 - 单击将执行移动拇指的操作。因此，我认为拇指在悬停轨道时应该会改变颜色，因为拇指会移动。
• 将鼠标悬停在拇指上时 - 更改曲目的颜色没有意义。拇指是活跃元素。

Answer 1

您可以做的最好的事情就是不要改变音轨颜色。

我不知道如何只在轨道上方悬停时拇指的颜色会发生变化。我尝试将JQuery添加到你的小提琴示例中，但它没有将.scroller::-webkit-scrollbar-track视为有效的事情，因为它不是标准。