[英]change webkit css with jquery or css selector
我可以使用jquery来控制自定义webkit滚动条的外观吗? 我很好奇,因为当我将鼠标悬停在::-webkit-scrollbar-thumb
时,我想改变::-webkit-scrollbar-track-piece
的背景颜色。 也许有一种方法可以用CSS做到这一点。 我愿意接受任何解决方案! 谢谢!
我不认为有一种jQuery方法可以做到这一点,但在本机JavaScript中,您可以直接操作样式表对象上的规则:
document.styleSheets[2].addRule("::-webkit-scrollbar", "width: 300px;");
这很好。 您还可以删除规则并更改规则: http : //www.javascriptkit.com/domref/stylesheet.shtml
你可以给你的<style>
块一个title
,这样可以很容易地在styleSheets
数组中找到它。 就像是:
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";
}
}
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.