Angular 4.x - CSS 背景颜色不改变 IE11

Question

我在 Angular 4.x 应用程序中有一些代码可以在 Chrome/Firefox 中正常运行，但在 Internet Explorer 11 中什么也不做 - 用户单击 div 会更改 div.header 的 css 背景颜色（在现代没有问题浏览器）但在 IE11 中 - 任何人都可以建议这是为什么？

<div class="header" [style.background-color]="note ? colours[note.colour] : selectedColor">

<div (click)="selectColor('#3b589799', 'blue')" class="select opt --blue"></div>
<div (click)="selectColor('#bf3a2b99', 'red')" class="select opt --red"></div>
<div (click)="selectColor('#4cae4f99', 'green')" class="select opt --green"></div>

// js控制器

selectColor(color, choice): void {
    this.selectedColor = color;
    this.selected = choice;
}

Answer 1

<div (click)="selectColor('rgba(59, 88, 151, 0.6)')" class="select opt --blue">b</div>
    <div (click)="selectColor('rgba(191, 58, 43, 0.6)')" class="select opt --red">r</div>
    <div (click)="selectColor('rgba(76, 174, 79, 0.6)')" class="select opt --green">g</div>

像我一样使用 rgba。它有效。