Ioni c 4 - фоновый переход

Question

как сделать переход цвета фона панели инструментов ion?

Проблема в том, что в Ioni c 4 цвет фона устанавливается --background.

Это мой НЕ работает. S css код:

ion-toolbar.transparent{
    --background: red;
    transition: 1000ms linear;
}

ion-toolbar.transparent:hover{
    --background: green;
}

Answer 1

Проверьте приведенные ниже коды, удалите прозрачное имя класса с панели инструментов ion, также не используйте атрибут цвета на панели инструментов ion

<ion-toolbar>
    <ion-title>
        Ionic Title
    </ion-title>
</ion-toolbar>

Для стиля

ion-toolbar{
    --background: red;
    transition: 1000ms linear;
}

ion-toolbar:hover{
    --background: green;
}