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

Question

我已经尝试将此代码应用于div，但我没有看到任何结果。

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

所有其他风格属性都适用于前。

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

有什么诀窍？ :(

Answer 1

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>