Pseudo-class :disabled adalah selektor kelas pseudo yang digunakan untuk memilih dan memberi gaya elemen antarmuka pengguna (biasanya elemen form) yang dinonaktifkan.
Pseudo-class :disabled ini cocok dengan elemen seperti tombol (<button>), pilih menu (<select>), jenis input (<input>), dan textareas (<textarea>), misalnya, yang memiliki set atribut yang dinonaktifkan dan dengan demikian tidak dapat berinteraksi dengan pengguna.
Atribut yang dinonaktifkan adalah atribut HTML5 yang dapat disetel ke elemen: <button>, <input>, <textarea>, <optgroup>, <option>, dan <fieldset>. Elemen semacam itu, ketika dinonaktifkan, tidak menerima interaksi pengguna seperti klik, masukan teks, atau fokus.
Elemen yang dinonaktifkan juga memiliki status aktif yang sesuai. Keadaan yang diaktifkan dapat ditata menggunakan: pseudo-class yang diaktifkan.
Properti CSS yang mungkin memengaruhi kemampuan pengguna untuk berinteraksi dengan elemen antarmuka pengguna yang diberikan tidak memengaruhi apakah cocok: diaktifkan atau: dinonaktifkan; 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 dinonaktifkan dapat dirantai dengan pemilih lain seperti: hover, misalnya, untuk menyediakan gaya hover untuk elemen yang dinonaktifkan. Lihat contoh dan contoh bagian demo langsung di bawah ini.
:disabled {
background-color: #aaa;
color: grey;
border: 1px solid grey;
}
input[type="submit"]:disabled {
background: #eee url(path/to/disabled.png) repeat-x;
border: 1px solid grey;
}