Angular 4.3 [style.box-shadow]或[style.boxshadow]不起作用

Question

我尝试将此代码应用于div，但我看不出任何结果。

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

所有其他样式属性在EX上工作正常。

  [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>