cssblog.ir logo
S

disabled

انتخاب عناصر فرم غیرفعال شده در CSS

عناصر مربوط به فرم HTML دارای امکان غیرفعال شدن (disabled شدن) هستند و CSS برای انتخاب عناصر دارای این وضعیت، سلکتور مخصوصی دارد

در زبان HTML برخی از عناصر می توانند خصلتdisabled را داشته باشد که این خصلت باعث می‌شود که مرورگرها امکان نوشتن یا تغییر حالت آن عنصر را ندهند. این عناصر شامل <‌input‌> و <‌button‌> و <‌textarea‌> و <‌option‌> و چند عنصر دیگر می‌شود که می توانید لیست کامل آنها را اینجا ببینید. این شبه سلکتور (pseudo-class) می‌تواند به ما در استایل دادن به عناصر در هنگامی که غیرفعال می‌شوند، کمک کند. 

برخی از نکات جالب درباره این سلکتور

شما می توانید از این سلکتور به شکل زنجیروار و در کنار سایر شبه سلکتورها و شبه عنصرها استفاده کنید. مثلاhover یاafter عنصر در هنگامی که غیرفعال می شود،‌ متن خاصی بدهید. (اطلاعات بیشتر درباره before)

مثال:

input:disabled:hover {
	cursor: not-allowed;
}

همچنین در نظر داشته باشید که تمام مشخصه‌های CSS که قابلیت انیمیشن شدن را دارا هستند، می توانند در هنگام غیرفعال شدن عنصر، با انیمیشن خاصی، تغییر کنند. مانند: 

 

دیدگاه کاربران

تاکنون <% totalComments %> دیدگاه برای این مطلب ثبت شده است.

تاکنون دیدگاهی ثبت نشده است. شما می توانید اولین شخصی باشید که دیدگاه خود را ارسال می کند

<% errorMessage %>

<% comment.name %>

avatar
<% comment.comment_replies.length %> پاسخ برای این دیدگاه ثبت شده است

<% reply.name %>

avatar

ارسال دیدگاه جدید

برای ارسال دیدگاه یا پرسش جدید از طریق فرم زیر اقدام کنید.

ارائه پاسخ به دیدگاه

شما در حال پاسخ دادن به دیدگاه «<% replyComment.name %>» هستید. انصراف از پاسخ

  • <% s %>
  • <% e %>

نکاتی درباره دیدگاه ها

  1. برای حذف کپچا (عبارت امنیتی) وارد اکانت خود شوید
  2. شما می توانید از markdown داخل کامنت خود استفاده کنید (اطلاعات بیشتر)
  3. دیدگاه ها قبل از نمایش نیازمند تائید می باشند