使用jquery或css选择器更改webkit css

我可以使用jquery来控制的外观吗？我很好奇，因为当我将鼠标悬停在

：：-webkit scrollbar thumb

上时，我想更改

：-webkit scrollbar曲目的背景色。也许有一种方法可以用CSS实现这一点。我对任何一种解决方案都持开放态度！谢谢
 我认为没有一种jQuery方法可以做到这一点，但在本机JavaScript中，您可以直接操作样式表对象上的规则：

document.styleSheets[2].addRule("::-webkit-scrollbar", "width: 300px;");

那很好。您还可以删除规则并更改规则：

你可以给你的
块一个
标题
，这样可以很容易地在
样式表
数组中找到。比如：

for(var i = 0; i < document.styleSheets.length; i++) {
    var sheet = document.styleSheets[i];
    if(sheet.title == 'scrollbar') {
        for(var j = 0; j < sheet.rules.length; j++) {
            var rule = sheet.rules[j];
            if(rule.cssText.match("webkit-scrollbar")) {
                rule.style.backgroundColor="yellow";
            }
        }
    }
} ​

for（var i=0；i

@j08691 css，我试过像
：：-webkit滚动条thumb:hover+：-webkit滚动条轨迹{background color:#3f0；}
使用jquery我试图排序或解决类似
$（document.ready）的东西（function（）{$（“body:：-webkit滚动条轨迹”）.css（{“backgroundColor:”）：“#3f0”；}）我不认为jQuery可以处理特定于浏览器的选择器，创建一个单独的样式表并尝试将其设置为单独的样式表。@maenu是的，我已经这样做了，但它不起作用。开始认为这是比它的价值更多的麻烦！问题是，jQuery不能选择DOM中没有表示的元素，比如伪元素
：before
或webkit滚动条。看。@maenu你知道为什么我不能这样做吗
：-webkit scrollbar thumb:before{bacground color:#f00；}
我给了我的样式表一个标题：
，这很酷。真的很高兴知道，真的谢谢你。不幸的是，由于jquery无法跟踪滚动条上的悬停事件，因此没有办法将
：-webkit滚动条跟踪条
样式更改附加到
：-webkit滚动条thumb onHover
：（尽管这仍然非常酷）。