Framework7 - Stato attivo

Descrizione

Quando si toccano i collegamenti e i pulsanti, vengono evidenziati. Questo viene fatto dallo stato attivo in Framework7.

  • Si comporta come un'app nativa, non come un'app web ..
  • Ha una libreria di clic rapidi incorporata e dovrebbe essere abilitata.
  • La classe stato attivo è la stessa del selettore CSS : active .
  • Lo stato attivo viene abilitato aggiungendo la classe watch-active-state all'elemento <html> .

Il codice seguente viene utilizzato per lo stato attivo in stile CSS:

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

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

Il codice seguente mostra la compatibilità di fallback, quando lo stato attivo o i clic rapidi è disabilitato:

/* 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;
}