:invalid
Misol
Noto‘g‘ri (invalid) <fieldset> va <input> elementlariga uslub bering:
fieldset:invalid {
border: 2px solid red;
background-color: beige;
}
input:invalid {
border: 2px solid red;
background-color: beige;
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
CSS :invalid psevdo-klassi noto‘g‘ri (invalid) forma elementlariga uslub berish uchun ishlatiladi.
Eslatma: Bu psevdo-klass faqat cheklovlarga ega forma elementlari uchun ishlaydi, masalan, min va max atributlariga ega input elementlari, to‘g‘ri email kiritilmagan email maydonlari yoki son qiymati kiritilmagan number maydonlari va h.k.
Eslatma: Agar guruhdagi radio tugmalardan birortasi majburiy (required) bo‘lsa va guruhdagi radio tugmalarning hech biri tanlanmagan bo‘lsa, bu psevdo-klass ularning barchasiga qo‘llaniladi.
Maslahat: To‘g‘ri (valid) forma elementlariga uslub berish uchun :valid psevdo-klassidan foydalaning.
| Versiya: | CSS4 |
|---|
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar psevdo-klassni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Psevdo-klass | |||||
|---|---|---|---|---|---|
| :invalid | 10 | 12 | 4 | 5 | 10 |
CSS sintaksisi
Tegishli sahifalar
CSS selektori :valid
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!
