jquery - jquery または css セレクターで webkit css を変更する

Question

jquery を使用してカスタム Webkit スクロールバーの外観を制御できますか? ::-webkit-scrollbar-track-pieceにカーソルを合わせたときの背景色を変えたいので気になり::-webkit-scrollbar-thumbます。おそらくCSSでこれを行う方法があります。私はどちらの解決策にもオープンです！ありがとう！

Answer 1

これを行うjQueryの方法はないと思いますが、ネイティブ JavaScript では、スタイルシート オブジェクトのルールを直接操作できます。

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

それはうまくいきます。ルールを削除してルールを変更することもできます: http://www.javascriptkit.com/domref/stylesheet.shtml

配列内で簡単に見つけられるように、<style>ブロックに aを与えることができます。何かのようなもの：titlestyleSheets

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";
            }
        }
    }
} ​

http://jsfiddle.net/nottrobin/hSEzY/1/