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