Pseudo-class enabled adalah selector pseudo-class yang digunakan untuk memilih dan memberi gaya elemen antarmuka pengguna (biasanya elemen formulir) yang enabled.
Pseudo-class enabled cocok dengan elemen seperti tombol (<button>), select menus (<select>), input types (<input>), and textareas (<textarea>) misalnya, yang dapat menerima interaksi pengguna seperti sebuah click, text input, atau focus.
Elemen yang diaktifkan juga memiliki status cacat yang sesuai. Keadaan cacat dapat ditata menggunakan: dinonaktifkan pseudo-kelas. : enable memungkinkan kita untuk memilih hanya elemen antarmuka pengguna yang diaktifkan, sehingga memfilter keluar yang dinonaktifkan.
Properti CSS yang mungkin memengaruhi kemampuan pengguna untuk berinteraksi dengan elemen antarmuka pengguna yang diberikan tidak memengaruhi apakah cocok: dinonaktifkan atau: diaktifkan; misalnya, properti tampilan dan keterlihatan tidak berpengaruh pada status elemen yang diaktifkan / dinonaktifkan, meskipun disetel untuk menyembunyikan elemen.
Sama seperti pemilih kelas pseudo lainnya, pemilih yang diaktifkan dapat dirantai dengan pemilih lain seperti: hover, misalnya.
/* styles all enabled elements on a page */
:enabled {
background-color: white;
color: green;
border: 1px solid black;
}
/* styles enabled submit inputs on a page */
input[type="submit"]:enabled {
border: 1px solid green;
}
Rantai contoh berikut pseudo-selectors: diaktifkan dan: hover.
button:enabled:hover {
background-color: green;
color: white;
}