آموزش شبه کلاس checked در CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش شبه کلاس checked در CSS با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
شبه کلاس checked در CSS
با استفاده از شبه کلاس ( یا هم انتخابگر ) checked
در CSS میتوان برای عناصر ورودی که قابلیت انتخاب شدن رو دارند استایل دلخواه تعریف کرد، و فقط بروی عناصر ورودی ( input ) از نوع radio و Checkbox و تگ <option> عمل میکند.
نسخه | CSS3 |
---|
Free-Learn
مثال از شبه کلاس checked در CSS
در ادامه میتوانید یک مثال از این انتخابگر / شبه کلاس را در زبان CSS مشاهده نمایید.
1 2 3 4 5 6 7 |
input[type="radio"]:checked { box-shadow: 0 0 0 2px red; } input[type="checkbox"]:checked{ box-shadow: 0 0 0 2px blue; } |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از انتخابگر / شبه کلاس checked
در CSS پشتیبانی میکنند یا خیر.
نام انتخابگر | Chrome | Firefox | Opera | Safari | IE |
checked: | ۴٫۰ | ۳٫۵ | ۹٫۶ | ۳٫۲ | ۹٫۰ |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این انتخابگر / شبه کلاس در CSS بصورت زیر می باشد.
1 2 3 |
:checked { دستورات سی اس اس در اینجا } |
Free-Learn
نکات و توضیحات
این شبه کلاس فقط بروی عناصر ورودی ( input ) از نوع radio و Checkbox و تگ <option> عمل میکند.