Framework7 - Active State

Framework7活动状态 - 从概述，环境，布局，导航栏，工具栏，搜索栏，状态栏，侧面板，内容块，布局网格，叠加层，预加载器，进度条，列表视图，手风琴，卡片，芯片，按钮开始学习Framework7 ，动作按钮，窗体，选项卡，Swiper滑块，照片浏览器，自动完成，选择器，日历，刷新，无限滚动，消息，消息栏，通知，延迟加载，颜色主题，细线，模板概述，自动编译，Template7页面，活动状态，点击保持事件，触摸波纹。

说明

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