pseudo-class :invalid CSS

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

CSS :invalid pseudo-class برای استایل‌گذاری عناصر فرم نامعتبر استفاده می‌شود.

توجه:این pseudo-class فقط برای عناصر فرم محدود شده است، مانند عناصر ورودی که دارای ویژگی‌های min و max هستند، فیلدهای ایمیل بدون ایمیل معتبر یا فیلدهای عددی بدون数值 و غیره.

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

توجه داشته باشید:استفاده کنید :valid استایل‌گذاری پseudo-class برای عناصر فرم معتبر را تنظیم می‌کند.

مثال

استایل‌گذاری عناصر <fieldset> و <input> نامعتبر را تنظیم کنید:

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

آزمایش کنید

قواعد CSS

:invalid {
  بررسی‌های css;
}

جزئیات فنی

نسخه: CSS4

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

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

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

صفحات مرتبط

منبع:انتخاب‌گر :valid CSS