Framework7 - 活动状态

描述

当你点击链接和按钮时，它们会被高亮显示。这是由 Framework7 中的活动状态实现的。

它的行为像一个原生应用，而不是一个 web 应用。
它内置了快速点击库，并且应该启用它。
活动状态类与 CSS 的:active 选择器相同。
通过向<html> 元素添加watch-active-state 类来启用活动状态。

以下代码用于 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;
}

打印页面