framework7教程

Framework7 活动状态

说明

当您点击链接和按钮时,它们会突出显示。这是由 Framework7 中的 active state 完成的。
它的行为类似于原生应用,而不是网络应用。 它有一个内置的快速点击库,应该启用它。 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;
}
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4