活跃状态(Active State)
优质
小牛编辑
126浏览
2023-12-01
描述 (Description)
点击链接和按钮时,它们会突出显示。 这是由Framework7中的active state完成的。
- 它的行为类似于原生应用,而不像网络应用。
- 它有一个内置的Fast clicks库,应该启用它。
- active-state类与CSS :active选择器相同。
- 通过将watch-active-state类添加到<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;
}