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

萨塔克·沙(Sarthak Shah)

我在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>

我究竟做错了什么?

哈希笔

如果要将CSS声明分配为字符串,则应使用cssText如下属性:

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

否则,您只需将box-shadowproperty的值传递为:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

无法使用JQuery为某些元素设置box-shadow CSS属性

来自分类Dev

CSS过渡不适用于box-shadow属性

来自分类Dev

将 box-shadow css 属性添加到 div

来自分类Dev

CSS box-shadow hidden

来自分类Dev

Box-Shadow Arc CSS

来自分类Dev

如何将 box-shadow 设置为具有透明角的图像的 <img> 标签?(CSS)

来自分类Dev

CSS Box Shadow像这个网站

来自分类Dev

CSS Box-shadow VS溢出隐藏

来自分类Dev

CSS Shadow box ::使用边框方法在arrox之后

来自分类Dev

如何使用display:table-row将box-shadow添加到CSS div?

来自分类Dev

使用javascript / jquery访问shadow DOM属性(聚合物)?

来自分类Dev

未知属性“ -moz-box-shadow”。声明已放弃

来自分类Dev

通过CSS将Box Shadow添加到SVG的问题

来自分类Dev

在CSS中为tbody添加box-shadow?

来自分类Dev

代号一个CSS Box-Shadow无法渲染

来自分类Dev

CSS z-index和box-shadow裁剪问题

来自分类Dev

CSS box-shadow z-index或更改顺序

来自分类Dev

选择具有JavaScript和/或CSS的Shadow DOM?

来自分类Dev

选择具有JavaScript和/或CSS的Shadow DOM?

来自分类Dev

CSS伪选择不会更改text-shadow属性

来自分类Dev

css3 drop shadow属性左右底

来自分类Dev

如何在Chrome DevTools中显示Shadow Dom的CSS样式

来自分类Dev

想要避免使用CSS box-shadow隐藏先前的li元素

来自分类Dev

替换 box-shadow

来自分类Dev

-webkit-box-shadow无法使用javascript正确更改

来自分类Dev

如何使用JQuery设置不同的CSS属性?

来自分类Dev

如何使用JQuery设置不同的CSS属性?

来自分类Dev

如何禁用DrawerLayout Shadow