مرجع CSS فارسی

PSEUDO-CLASS

enabled:

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

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

سایر نکات

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

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

/* styles all enabled elements on a page */
:enabled {
    background-color: white;
    color: green;
    border: 1px solid black;
}

/* styles enabled submit inputs on a page */
input[type="submit"]:enabled {
    border: 1px solid green;
}
                
button:enabled:hover {
    background-color: green;
    color: white;
}
                

See the Pen :enabled CSS examples by alishooti (@alishooti) on CodePen.0

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

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

بیشتر بخوانید

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

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