从 javascript 更改浏览器依赖的 css 样式

【问题标题】：changing browser dependent css style from javascript从 javascript 更改浏览器依赖的 css 样式
【发布时间】：2015-01-08 23:28:23
【问题描述】：

我有一个像这样的 CSS 样式：

    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) );
    }

这是一个带有渐变背景颜色的绿色按钮。如何在保持渐变效果的同时使用 javascript 将背景颜色从绿色更改为蓝色？

【问题讨论】：

标签： javascript html css

【解决方案1】：

Firefox 和 Chrome 都不再使用前缀版本，而且已经有一段时间没有使用了。
来源：http://caniuse.com/#search=gradient

所以让你的生活更轻松，只需使用正确的语法：

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

然后您可以根据需要简单地更改渐变。

【讨论】：