从 JavaScript 更改依赖于浏览器的 CSS 样式
changing browser dependent css style from javascript
我有一个像这样的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 将背景颜色从绿色更改为蓝色,同时保持渐变效果?
Firefox 和 Chrome 都不再使用前缀版本,而且已经有一段时间没有了。
来源: http://caniuse.com/#search=gradient
所以让你的生活更轻松,只需使用正确的语法:
background-image: linear-gradient(to bottom, #0f0, #090, #0d0);
然后,您可以根据需要简单地更改渐变。
相关文章:
- 如果文本字段为空,则使用JavaScript应用CSS样式
- FF和Chromium中CSS样式按钮的外观差异
- CSS样式属性留空
- CKeditor预览插件.js,为Chrome和IE进行编辑.因为它拒绝CSS样式
- 基于路由的CSS样式-Angular2
- 为未标记的文本添加CSS样式
- 使用JQuery将现有CSS样式扩展%-%
- JavaScript-在keyDown上切换css样式
- React js应用程序's在托管应用程序中打开时将覆盖css样式
- 如何在javascript中更改段落中不同行的css样式
- 通过javascript设置IE特定的css样式
- PHP,MySQL,AJAX-调用AJAX结果后,Bootstrap CSS样式不会显示
- 使用javascript/jquery检查.css样式表的名称
- JavaScript和CSS样式不适用于我的“;谷歌网站”;页
- 未使用jQuery验证器选中Css样式复选框时
- javascript正则表达式,用于编辑元素内部的css样式属性
- css样式加载+id.例如加载1、加载300
- 无法在运行时将CSS样式添加到元素中
- d3js 通过其 CSS 样式选择所有元素
- 如何根据浏览器宽度动态调整 css 样式表