Framework7 - Active State

说明

当您点按链接和按钮时,它们会突出显示.这是通过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;
}