مرجع CSS فارسی

PSEUDO-CLASS

disabled:

از شبه کلاس disabled: برای انتخاب و استایل دهی به المان های تعامل با کاربر که غیر فعال شده اند استفاده می شود.

المان هایی مثل <button> ها ، <select> ها ، <input> ها و <textarea> که غیر فعال شده اند و قابل تعامل با کابر نیستند را می توان با این شبه کلاس اتخاب و استایل دهی کرد .

<input type="submit" disabled> <!-- disabled attribute added as a boolean value -->
<!-- OR -->
<input type="submit" disabled="disabled"> <!-- disabled attribute added with a "disabled" value -->
                

ویژگی disabled در HTML5 برای غیر فعال کردن کلیک و یا ورود اطلاعات از طریق کاربر برای المان های <button>, <input>, <textarea>, <optgroup>, <option>,<fieldset> استفاده  می شود.

سایر نکات

علاوه بر وضعیت غیر فعال که با disabled: در CSS قابل انتخاب شدن است . برای المان های یاد شده ی فوق وضعیت فعال نیز وجود دارد . که از طریق enabled: قابلیت استایل دهی دارد .

مثل سایر شبه کلاس ها یا شبه عنصر ها ، disabled: نیز قابل استفاده به همراه سایر شبه کلاس ها مثل hover: را دارد .

/* styles all disabled elements on a page */
:disabled {
    background-color: #aaa;
    color: grey;
    border: 1px solid grey;
}

/* styles disabled submit inputs on a page */
input[type="submit"]:disabled {
    background: #eee url(path/to/disabled.png) repeat-x;
    border: 1px solid grey;
}
                
button:disabled:hover {
    cursor: not-allowed;
}
                

See the Pen :disabled CSS Example by alishooti (@alishooti) on CodePen.0

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

disabled: در مرورگر های کروم ، فایرفاکس ، سافاری ، اپرا +9 ، اینترنت اکسپلورر +9 و اندروید و آی او اس پشتیبانی می شود.

استفاده از این متون آموزشی و کپی برداری از آن ها بلامانع می باشد. توجه شود که ذکر منبع به شدت روحیه دهنده است 😉 .

همچنین منتظر دیدگاه های شما هستیم.