pseudo-class :in-range CSS

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

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

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

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

مثال

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

input:in-range {
  border: 2px solid green;
  background-color: beige;
}

آزمایش کنید

آموزش زبان CSS

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

جزئیات فنی

نسخه: CSS3

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

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

کروم ایج فایرفاکس سافاری آپرا
53 13 50 10.1 40

صفحات مرتبط

مطالعه:مثال :out-of-range CSS