using jquery to dynamically change webkit

Question

i am trying how to use jquery to dynamically change -webkit.

my css

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

my jquery

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

Adam Merrifield · Accepted Answer · 2014-05-05 23:46:12Z

1

I would just dynamically add a script element.

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

If you have to change this frequently you can remove the last one before you add the next one, but it wouldn't exactly be necessary because the last one would take precedence.

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

edited May 5, 2014 at 23:46

answered May 5, 2014 at 23:40

Adam Merrifield

10.4k4 gold badges44 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

using jquery to dynamically change webkit

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related