Framework7 - Estado Ativo

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