Framework7 - État actif

La description

Lorsque vous appuyez sur les liens et les boutons, ils sont mis en surbrillance. Cela se fait par état actif dans Framework7.

  • Il se comporte comme une application native, pas comme une application Web.
  • Il dispose d'une bibliothèque de clics rapides intégrée et doit être activée.
  • La classe active-state est la même que le CSS : active selector.
  • L'état actif est activé en ajoutant la classe watch-active-state à l' élément <html> .

Le code suivant est utilisé pour l'état actif dans le style CSS -

/* Usual state */
.my-button {
   color: red;
}

/* Active/tapped state */
.my-button.active-state {
   color: blue;
}

Le code suivant montre la compatibilité de secours, lorsque l'état actif ou les clics rapides sont désactivés -

/* Usual state */
.my-button {
   color: red;
}

/* Active/tapped state */
.my-button.active-state {
   color: blue;
}

/* Fallback, when active state is disabled */
html:not(.watch-active-state) .my-button:active {
   color: blue;
}