pseudo-class :disabled CSS3

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

CSS :disabled pseudo-class برای انتخاب و تنظیم استایل هر عنصر غیرفعال استفاده می‌شود (برای عناصر فرم بیشتر استفاده می‌شود).

توجه::enabled pseudo-class برای انتخاب و تنظیم استایل هر عنصر فعال استفاده می‌شود (برای عناصر فرم بیشتر استفاده می‌شود).

مثال

مثال 1

رنگ پس‌زمینه روشن برای تمام عناصر <input> غیرفعال و رنگ پس‌زمینه زرد برای تمام عناصر <input> فعال را تنظیم کنید:

input:disabled {
background-color: lightgray;
}
input:enabled {
background-color: yellow;
}

آزمایش کنید

مثال 2

رنگ پس‌زمینه برای تمام عناصر <option> غیرفعال را تنظیم کنید:

option:disabled {
  background-color: lightgray;
}

آزمایش کنید

نحوه نوشتن CSS

:disabled {
  expressions css;
}

جزئیات فنی

نسخه: CSS3

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

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

Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.2 9.6

صفحات مرتبط

ارجاع:پseudo-class :enabled CSS