Framework7 - Active State-alljchome-开发者的教程家园

Framework7 Tutorial

Framework7 Components

Framework7 Styling

Framework7 Templates

Framework7 Fast Clicks

Framework7 Useful Resources

Selected Reading

Framework7 - Active State

Description

When you tap the pnks and buttons, they are highpghted. This is done by active state in Framework7.

It behaves pke a native app, not pke a web app..

It has a built-in Fast cpcks pbrary and it should be enabled.

The active-state class is the same as the CSS :active selector.

Active state is enabled by adding watch-active-state class to <html> element.

The following code is used for active state in CSS style −

/* Usual state */
.my-button {
   color: red;
}

/* Active/tapped state */
.my-button.active-state {
   color: blue;
}

The following code shows the fallback compatibipty, when Active state or Fast cpcks is disabled −

/* 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;
}

Framework7 - Active State

Description

友情链接