Framework7 - Aktiver Zustand

Beschreibung

Wenn Sie auf die Links und Schaltflächen tippen, werden diese hervorgehoben. Dies erfolgt durch den aktiven Status in Framework7.

  • Es verhält sich wie eine native App, nicht wie eine Web-App.
  • Es verfügt über eine integrierte Bibliothek für schnelle Klicks und sollte aktiviert sein.
  • Die Active-State- Klasse ist dieselbe wie der CSS : Active- Selektor.
  • Der aktive Status wird aktiviert, indem dem Element <html> die Klasse watch-active-state hinzugefügt wird .

Der folgende Code wird für den aktiven Status im CSS-Stil verwendet:

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

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

Der folgende Code zeigt die Fallback-Kompatibilität, wenn der Status "Aktiv" oder "Schnelle Klicks" deaktiviert ist.

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