javascript - 如何使用 JavaScript 设置 box-shadow CSS 属性?

标签 javascript html css

我在 JavaScript 中有一些这样的变量:

var classattrib = "box-shadow:inset 12px 222px 2px 2px rgba(1,2,111,11);";
target.style['boxShadow'] = classattrib;

或:

target.style['webkitBoxShadow'] = classattrib;

但是没有效果

//html

<div id="target">hello</div>

我做错了什么?

最佳答案

不要在值中包含属性名称,像这样尝试:

var classattrib = "inset 12px 222px 2px 2px rgba(1,2,111,11)";
target.style.boxShadow = classattrib;

关于javascript - 如何使用 JavaScript 设置 box-shadow CSS 属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22259126/

相关文章:

javascript - 如何从异步回调返回 bool 值

css - 按名称从 css LESS 列表中提取元素

左侧为 HTML/CSS 图像,右侧为文本。多浏览器

javascript - 从 Google Places Library 获取准确结果

javascript - 是否可以在 Javascript 中更改或删除全局对象的属性?

javascript - 当用户单击提交按钮时,我想将对象类型转换为 j-son 以在 rest api 中发布数据

javascript - 禁用视口(viewport)缩放 iOS10 Safari ?

javascript - 如何防止打开多个弹出窗口?

javascript - 无法将表单提交按钮重新设置为禁用

css - 将 env() css 变量与样式组件一起使用