角材料CSS在Mobile中的Click事件上不起作用

Question

我正在尝试在有角度的材料中添加自定义CSS。我正在使用垫选择列表。 Onclick事件将其颜色更改为橙​​色。

当用户单击时，否，它不会立即更新。它仅在用户单击其他选项时选择特定选项或更改颜色

下面是代码示例：https://stackblitz.com/edit/angular-gmlqc3

Answer 1

似乎所应用的类的顺序与您的样式与材料冲突。我在最新的移动浏览器中注意到以下样式：

@media (hover: none)
<style>…</style>
.mat-list-option:not(.mat-list-item-disabled):hover, .mat-nav-list .mat-list-item:not(.mat-list-item-disabled):hover {
    background: 0 0;
}

是最新应用的软件，而您的应用位于列表的第二位。

我不知道这是否是最好的解决方法，但是将您的班级改为：

background: rgba(249, 105, 14, 1) !important;

解决了该问题。