پادشاهی CSS :invalid

تعریف و استفاده

CSS :invalid پادشاهی برای تنظیم ظاهر عناصر فرم نامعتبر استفاده می‌شود.

توجه:این پادشاهی تنها برای عناصر فرم محدود اعمال می‌شود، مانند عناصر ورودی که دارای ویژگی‌های min و max هستند، فیلد‌های ایمیل بدون ایمیل معتبر یا فیلد‌های عددی بدون عدد و غیره.

توجه:اگر یکی از دکمه‌های رادیویی در گروه دکمه‌های رادیویی اجباری باشد و هیچ دکمه رادیویی در این گروه انتخاب نشده باشد، این پادشاهی به همه دکمه‌های رادیویی اعمال می‌شود.

توجه:استفاده :valid ظاهر پادشاهی‌های فرعی برای عناصر فرم معتبر تنظیم می‌شود.

مثال

طراحی ظاهری برای عناصر <fieldset> و <input> نامعتبر تنظیم می‌شود:

fieldset:invalid {
  border: 2px solid red;
  background-color: beige;
}
input:invalid {
  border: 2px solid red;
  background-color: beige;
}

آزمایش کنید

زبان CSS

:invalid {
  اظلاعات css;
}

جزئیات فنی

نسخه: CSS4

پشتیبانی مرورگر

اعداد در جدول نسخه اولین مرورگر پشتیبان از این پادشاهی کامل را مشخص می‌کنند.

کروم ایج فایرفاکس سافاری آپرا
10 12 4 5 10

مربوط صفحات

مشارکت:CSS :valid انتخاب گر