We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

:disabled Redirect 1


The :disabled CSS pseudo-class represents any disabled element. An element is disabled if it can't be activated (e.g. selected, clicked on or accept text input) or accept focus. The element also has an enabled state, in which it can be activated or accept focus.


Example selectors

Selects all disabled inputs
Targets a select element with class country that is disabled

Usage example

The following CSS:

input[type="text"]:disabled { background: #ccc; }

applied to this HTML5 fragment:

<form action="#">
    <legend>Shipping address</legend>
    <input type="text" name="shipping_firstName" disabled>
    <input type="text" name="shipping_lastName" disabled>
    <input type="text" name="shipping_address1" disabled>
    <input type="text" name="shipping_address2" disabled>
    <input type="text" name="shipping_zipCode" disabled>
    <input type="text" name="shipping_town" disabled>
    <legend>Billing address</legend>
      <input type="checkbox" name="billing_is_shipping" value="true" checked> 
      Billing address is the same as shipping address
    <input type="text" name="billing_firstName" disabled>
    <input type="text" name="billing_lastName" disabled>
    <input type="text" name="billing_address1" disabled>
    <input type="text" name="billing_address2" disabled>
    <input type="text" name="billing_zipCode" disabled>
    <input type="text" name="billing_town" disabled>

Will result in all text elements in the billing fieldset having a light grey background.


Specification Status Comment
WHATWG HTML Living Standard Living Standard No change.
HTML5 Candidate Recommendation Defines the semantic regarding HTML and forms.
Selectors Level 4 Working Draft No change.
CSS Basic User Interface Module Level 3 Working Draft Link to Selectors Level 3.
Selectors Level 3 Recommendation Defines the pseudo-class, but not the associated semantic.

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 1.0 (1.7 or earlier) 9.0 9.0 3.1
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 2.1 1.0 (1) 9.0 9.5 3.1

See also

Document Tags and Contributors

Last updated by: Sheppy,