شبه کلاس enabled: در CSS

:enabled Pseudo-class

شبه کلاس enabled: در CSS، می تواند با عناصر قابل تعامل مطابقت پیدا کند. عنصر قابل تعامل به یکی از روشهای انتخاب، کلیک و تایپ فعال می شوند. عنصری که در حالت غیر فعال (غیر قابل تعامل –disabled) قرار گرفته است، نمیتواند فعال شود.

در مثال زیر رنگ متن و دکمه input در حالت قابل تعامل سبز و در حالت غیر فعال خاکستری به نمایش در میاید. از چنین ویژگیهایی برای تعامل با کاربر میتوان استفاده کرد:

css

body { direction: rtl; font-family:tahoma; } 
input:enabled {
   color: #2b2;
}
input:disabled {
   color: #aaa;
}

html

<form action="url_of_form">
  <label for="FirstField">فرم اول (فعال):</label>
  <input type="text" id="FirstField" value="فعال"><br>

  <label for="SecondField">فرم دوم (غیر فعال):</label>
  <input type="text" id="SecondField" value="غیرفعال" disabled="disabled"><br>

  <input type="button" value="ثبت">
</form>

مشاهده و ویرایش کد در حالت تمام صفحه

پشتیبانی مرورگرها
تمام مرورگرها از این شبه کلاس در CSS پشتیبانی می کنند.