این آموزش در تاریخ ۱۴۰۰/۱۰/۱۴ آپدیت شده است.
آموزش شبه کلاس Indeterminate در CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش شبه کلاس Indeterminate در CSS با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
شبه کلاس Indeterminate در CSS
با استفاده از شبه کلاس ( یا هم انتخابگر ) indeterminate [ در لغت یعنی نامشخص / نامعلوم ] در CSS میتوان برای عناصر ورودی که وضعیت شان مشخص نیست استایل دلخواه تعریف کرد.
این شبه کلاس فقط بروی عناصر ورودی از نوع CheckBox و Radio و Progress کار میکند.
| نسخه | CSS3 |
|---|
Free-Learn
مثال از شبه کلاس Indeterminate در CSS
در ادامه میتوانید یک مثال از این انتخابگر / شبه کلاس را در زبان CSS مشاهده نمایید.
مثال شماره ۱ : استفاده در Input های نوع Radio و CheckBox
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<style> input[type="checkbox"]:indeterminate + label { background-color: orange; color:#fff; padding:1px 7px; } input[type="radio"]:indeterminate + label { background-color: red; color:#fff; padding:1px 7px; } </style> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از انتخابگر / شبه کلاس indeterminate در CSS پشتیبانی میکنند یا خیر.
| نام انتخابگر | Chrome | Firefox | Opera | Safari | Edge |
| indeterminate: | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این انتخابگر / شبه کلاس در CSS بصورت زیر می باشد.
|
1 2 3 |
:indeterminate { دستورات سی اس اس در اینجا } |
Free-Learn
نکات و توضیحات
- برای Input های نوع CheckBox باید با استفاده از جاوااسکریپت حالت indeterminate رو فعال ( True ) کرد.
