این آموزش در تاریخ ۱۴۰۰/۱۰/۱۳ آپدیت شده است.
آموزش شبه کلاس disabled در CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش شبه کلاس disabled در CSS با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
شبه کلاس disabled در CSS
با استفاده از شبه کلاس ( یا هم انتخابگر ) disabled در CSS میتوان برای تگ هایی غیرفعال هستن ( اگه از صفت disabled درون یک تگ استفاده کنیم اون تگ غیرفعال میشه ) ، استایل دلخواه تعریف کرد.
بیشترین استفاده این شبه کلاس در عناصر ورودی یک فرم می باشد.
| نسخه | CSS3 |
|---|
Free-Learn
مثال از شبه کلاس disabled در CSS
در ادامه میتوانید یک مثال از این انتخابگر / شبه کلاس را در زبان CSS مشاهده نمایید.
مثال شماره ۱ : در این مثال هم از شبه کلاس enabled و هم disabled استفاده شده
|
1 2 3 4 5 6 7 |
input[type="text"]:enabled { box-shadow: 0 0 0 3px lightgreen; } input[type="text"]:disabled { box-shadow: 0 0 0 3px red; } |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از انتخابگر / شبه کلاس disabled در CSS پشتیبانی میکنند یا خیر.
| نام انتخابگر | Chrome | Firefox | Opera | Safari | Edge |
| disabled: | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این انتخابگر / شبه کلاس در CSS بصورت زیر می باشد.
|
1 2 3 |
:disabled { دستورات سی اس اس در اینجا } |
Free-Learn
نکات و توضیحات
- شبه کلاس enabled برای انتخاب اون Input هایی که صفت disabled رو ندارن، و شبه کلاس disabled یعنی اون Input هایی که دارای صفت disabled می باشند.
