📜  Framework7-活动状态

📅  最后修改于: 2020-10-25 03:01:23             🧑  作者: Mango


描述

当您点击链接和按钮时,它们将突出显示。这是通过Framework7中的活动状态完成的。

  • 它的行为像本机应用程序,而不是网络应用程序。
  • 它具有内置的快速点击库,应该启用它。
  • active-state类与CSS :active选择器相同。
  • 通过将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;
}