当您点按链接和按钮时,它们会突出显示.这是通过Framework7中的活动状态完成的.
它的行为类似于本机应用,而不像网络app ..
它有一个内置的快速点击库,应该启用它.
active-state 类与CSS :active 选择器相同.
通过添加 watch-active-来启用活动状态state class to < 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; }