Framework7 - stan aktywny
Opis
Po dotknięciu łączy i przycisków są one podświetlane. Odbywa się to przez stan aktywny w Framework7.
- Zachowuje się jak aplikacja natywna, a nie jak aplikacja internetowa.
- Ma wbudowaną bibliotekę szybkich kliknięć i powinna być włączona.
- Active-state klasy jest taka sama jak w CSS : aktywne selektora.
- Stan aktywny jest włączany przez dodanie klasy watch-active-state do elementu <html> .
Poniższy kod jest używany dla stanu aktywnego w stylu CSS -
/* Usual state */
.my-button {
color: red;
}
/* Active/tapped state */
.my-button.active-state {
color: blue;
}
Poniższy kod przedstawia zgodność rezerwową, gdy stan aktywny lub szybkie kliknięcia są wyłączone -
/* 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;
}