Framework7 - 活動狀態

描述

當你點選連結和按鈕時，它們會被高亮顯示。這是由 Framework7 中的活動狀態實現的。

它的行為像一個原生應用，而不是一個 web 應用。
它內建了快速點選庫，並且應該啟用它。
活動狀態類與 CSS 的:active 選擇器相同。
透過向<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;
}

列印頁面