Угловой материал CSS не работает на событии Click в мобильном

Question

Я пытаюсь добавить пользовательский CSS в угловой материал.Я использую mat-selection-list.Событие 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;

исправит проблему.