Framework7 - активное состояние

Описание

Когда вы нажимаете ссылки и кнопки, они выделяются. Это делается активным состоянием в Framework7.

Он ведет себя как собственное приложение, а не как веб-приложение.
В нем есть встроенная библиотека быстрых кликов, и ее нужно включить.
Класс активного состояния такой же, как и селектор CSS : active .
Активное состояние включается добавлением класса watch-active-state к элементу <html> .

Следующий код используется для активного состояния в стиле CSS -

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

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

Следующий код показывает обратную совместимость, когда Активное состояние или Быстрые клики отключены:

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