Framework7 - Status Aktif

Deskripsi

Saat Anda mengetuk tautan dan tombol, mereka disorot. Ini dilakukan oleh keadaan aktif di Framework7.

Ini berperilaku seperti aplikasi asli, tidak seperti aplikasi web ..
Ini memiliki perpustakaan klik Cepat built-in dan itu harus diaktifkan.
The aktif-negara kelas adalah sama dengan CSS : aktif pemilih.
Status aktif diaktifkan dengan menambahkan kelas watch-active-state ke elemen <html> .

Kode berikut digunakan untuk status aktif dalam gaya CSS -

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

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

Kode berikut menunjukkan kompatibilitas fallback, ketika status Aktif atau Klik cepat dinonaktifkan -

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