使用jquery动态更改webkit

Question

我正在尝试如何使用jquery动态更改-webkit。

我的css

::-webkit-scrollbar-button {
    height: 75px;
    width: 0;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
}

我的jquery

        $('::-webkit-scrollbar-button').css("height",'100px');

Answer 1

我只是动态添加一个脚本元素。

$('body').append('<style>::-webkit-scrollbar-button{height:75px;}</style>');

如果你必须经常更改这个，你可以在添加下一个之前删除最后一个，但它不完全是必要因为最后一个优先。

var $style = $('<style id="dynamicStyle">::-webkit-scrollbar-button{height:75px;}</style>');
$('#dynamicStyle').remove();
$('body').append($style);