changing browser dependent css style from javascript

Question

I have a css style like:

    button.gradient {
        background: -moz-linear-gradient(top, #00ff00 0%, #009900 50%, #00dd00);
        background: -webkit-gradient(linear, left top, left bottom, from(#00ff00), color-stop(0.50, #009900), to(#00dd00) );
    }

It is a green button with gradient background color. How can I change the background color from green to blue using javascript while keeping the gradient effect?

Niet the Dark Absol · Accepted Answer · 2015-01-08 15:28:23Z

1

Neither Firefox nor Chrome use the prefixed version any more, and haven't for quite some time.
Source: http://caniuse.com/#search=gradient

So make your life easier, just use the correct syntax:

background-image: linear-gradient(to bottom, #0f0, #090, #0d0);

Then you can simply change the gradient as desired.

answered Jan 8, 2015 at 15:28

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

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

Collectives™ on Stack Overflow

changing browser dependent css style from javascript

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