Html “角度材质材质材质”选项的选定值高亮显示

我想突出显示单击的选定值的背景色。我正在看这个例子 在这里，它突出显示多个选择值。单击选择选项时，我只想突出显示选定的值

---

mat selection list不适用于单值选择，但如果您愿意，可以尝试类似的方法

mat-list-option[aria-selected="true"] {
  background: blue;
}

你必须在每次选择中清除你的列表

---

更新：基于当前的垫选择列表选项：

声明[multiple]=“false”并寻址.mat list单选选项样式这将突出显示当前选定的mat list选项

<mat-selection-list [multiple]="false">
  <mat-list-option>1</mat-list-option>
  <mat-list-option>2</mat-list-option>
  <mat-list-option>3</mat-list-option>
</mat-selection-list>

---

您希望根据什么条件仅高亮显示一个选项？每当我单击一个选项时。所选值应高亮显示请查看我的，以了解如何仅高亮显示最后一个所选选项。

mat-list-option[aria-selected="true"] {
  background: blue;
}

<mat-selection-list [multiple]="false">
  <mat-list-option>1</mat-list-option>
  <mat-list-option>2</mat-list-option>
  <mat-list-option>3</mat-list-option>
</mat-selection-list>

.mat-list-item.mat-list-single-selected-option {
  background: #FF0000;
}