Descrição
Quando você toca nos links e botões, eles são destacados. Isso é feito pelo estado ativo no Framework7.
- Ele se comporta como um aplicativo nativo, não como um aplicativo da web.
- Possui uma biblioteca de cliques rápidos embutida e deve ser ativada.
- A classe de estado ativo é igual ao seletor CSS : ativo .
- O estado ativo é habilitado adicionando classe watch-active-state ao elemento <html> .
O código a seguir é usado para o estado ativo no estilo CSS -
/* Usual state */
.my-button {
color: red;
}
/* Active/tapped state */
.my-button.active-state {
color: blue;
}
O código a seguir mostra a compatibilidade de fallback, quando o estado ativo ou cliques rápidos está desativado -
/* 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;
}