pseudo-class :out-of-range CSS

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

CSS :out-of-range pseudo-class برای تطابق با عناصر با مقادیر خارج از محدوده داده شده استفاده می‌شود.

توجه::out-of-range pseudo-class برای عناصر با ویژگی‌های min و/یا max استفاده می‌شود عنصر <input>.

توجه:استفاده از :in-range pseudo-class انتخاب همه عناصر با مقادیر در محدوده مشخص شده را انجام می‌دهد.

مثال

تنها در صورتی که مقدار فیلد از محدوده مجاز خارج باشد، سبک ورودی فیلد را انتخاب و تنظیم کنید:

input:out-of-range {
  border: 2px solid red;
  background-color: pink;
}

آزمایش کنید

نحوه استفاده از CSS

:out-of-range {
  اظلاعات css;
}

جزئیات فنی

نسخه: CSS3

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

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

Chrome Edge Firefox Safari Opera
53 13 50 10.1 40

صفحات مرتبط

منبع:شبه-طبقه :in-range CSS