角度4.3 [style.box-shadow]或[style.boxShadow]不起作用

时间:2019-02-21 13:59:06

标签: css angular css3 dom

我尝试将此代码应用于div,但未看到任何结果。

 [style.box-shadow]="'0px 0px 10.5px rgba(0, 0, 0, 0.3)'"

所有其他样式属性都可以正常运行。

  [style.border], [style.color]="textColor" etc.

诀窍是什么? :(

1 个答案:

答案 0 :(得分:0)

rgba()不适用于该符号,但#标签可以像[style.box-shadow]="'0px 0px 10.5px #000'"一样使用它。

如果您需要rgba()表示法,请使用NgStyle指令而不是[style.prop]表示法。

<div [ngStyle]="{'box-shadow': '0px 0px 10.5px rgba(0, 0, 0, 0.3)'}"></div>