Пользовательские свойства CSS в Ionic 4: background-hover - PullRequest
Новая
       9

Пользовательские свойства CSS в Ionic 4: background-hover

1 голос
/ 04 июля 2019

Я пытаюсь изменить цвет фона при наведении на ионный элемент внутри ионного списка. Работает в ионном режиме 4.

Я создал список с помощью * ngFor = "let ....". Внутри я положил свои ионные предметы. Список работает отлично. Но я не могу понять, почему работают только некоторые из предоставленных ионных пользовательских свойств CSS. Например, я не могу заставить --background-hover что-либо делать.

См. Страницу ионного документа для ионного элемента. Здесь показан полный список пользовательских свойств CSS: https://ionicframework.com/docs/api/item.

В файле .html: 

<ion-list>
  <ion-item  *ngFor="let item of animateItems; let i = index;">
     [-- contents of item --]
  </ion-item>
</ion-list>

В файле .scss это, похоже, не работает. 

ion-item {
    --background-hover: #cccccc;
}

Однако, это работает: 

ion-item {
    --background: #eeeeee;
}

Исходя из моего понимания свойства CSS --background-hover, я ожидаю, что ионный элемент станет серым, когда наведу на него курсор мыши. Кто-нибудь знает, что я не так или почему это не работает в соответствии с ионной документацией.

...