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。它有效。

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

Angular 4.x - CSS Background color not changing IE11

css

background-color

internet-explorer-11

angular