پسماندهای :checked CSS3

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

CSS :checked پسماندگان برای تطابق با هر عناصری که انتخاب شده است استفاده می‌شود <input> یا <option> عناصر.

این برای عناصر <input type="radio">،<input type="checkbox"> و <select> عناصر <option> درون آنها اعمال می‌شود.

مثال

مثال 1

یک خط نازک قرمز برای همه عناصر <input> انتخاب شده‌ قرار می‌دهد:

input:checked {
  outline: 1px solid قرمز;
}

آزمایش کنید

مثال 2

استایل‌های مختلفی برای انتخاب‌های تک‌گزینه‌ای، انتخاب‌های چندگزینه‌ای و گزینه‌ها در حالت انتخاب شده‌شان تعیین می‌شود:

input[type="radio"]:checked {
  box-shadow: 0 0 5px 3px آبی;
}
input[type="checkbox"]:checked {
  box-shadow: 0 0 5px 3px قرمز;
}
option:checked {
  رنگ: آبی;
  background-color: لیمویی;
}

آزمایش کنید

نوشتار CSS

:checked {
  نشاندها css;
}

جزئیات فنی

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

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