Framework7 - Estado activo

Descripción

Cuando toca los enlaces y botones, se resaltan. Esto se hace por estado activo en Framework7.

  • Se comporta como una aplicación nativa, no como una aplicación web.
  • Tiene una biblioteca de clics rápidos incorporada y debe estar habilitada.
  • La clase de estado activo es la misma que la CSS : selector activo .
  • El estado activo se habilita agregando la clase watch-active-state al elemento <html> .

El siguiente código se usa para el estado activo en estilo CSS:

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

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

El siguiente código muestra la compatibilidad de reserva, cuando el estado activo o los clics rápidos están deshabilitados:

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