MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

This translation is incomplete. Please help translate this article from English.

Sumari

La pseudo-classe CSS :disabled representa qualsevol element deshabilitat. Un element es desactiva si no pot ser activat (per exemple seleccionat, fent clic o acceptar l'entrada de text) o acceptar el focus. L'element també té un estat activat, en el qual es pot activar o acceptar el enfocament.

Sintaxi

:disabled { style properties }

Exaemples

Exemple de selectors

input:disabled
Selecciona tots els inputs inhabilitats
select.country:disabled
Apunta a un element select amb una classe country que està inhabilitada

Example d'ùs

El següent CSS:

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

Aplicat a aquest fragment HTML 5:

<form action="#">
  <fieldset>
    <legend>Shipping address</legend>
    <input type="text" placeholder="Name">
    <input type="text" placeholder="Address">
    <input type="text" placeholder="Zip Code">
  </fieldset>
  <fieldset id="billing">
    <legend>Billing address</legend>
    <label for="billing_is_shipping">Same as shipping address:</label>
    <input type="checkbox" onchange="javascript:toggleBilling()" checked>
    <br />
    <input type="text" placeholder="Name" disabled>
    <input type="text" placeholder="Address" disabled>
    <input type="text" placeholder="Zip Code" disabled>
  </fieldset>
</form>

Amb una mica de javascript:

function toggleBilling() {
  var billingItems = document.querySelectorAll('#billing input[type="text"]');
  for (var i = 0; i < billingItems.length; i++) {
    billingItems[i].disabled = !billingItems[i].disabled;
  }
}

Donarà com resultat tots els elements de text inhabilitats del conjunt de camps de la pàgina de facturació amb un fons gris clar.

Especificacions

Especificació Estat Comentari
WHATWG HTML Living Standard
The definition of ':disabled' in that specification.
Living Standard Sense canvis
HTML5
The definition of ':disabled' in that specification.
Recommendation Defineix la semàntica respecte HTML i els formularis.
Selectors Level 4
The definition of ':disabled' in that specification.
Working Draft Sense canvis
CSS Basic User Interface Module Level 3
The definition of ':disabled' in that specification.
Candidate Recommendation Referència Selectors Level 3
Selectors Level 3
The definition of ':disabled' in that specification.
Recommendation Defineix la pseudo-classe, però no la semàntica associada.

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari
Suport bàsic 1.0 1.0 (1.7 or earlier) 9.0 9.0 3.1
Característica Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Suport bàsic 2.1 1.0 (1) 9.0 9.5 3.1

Veure

Document Tags and Contributors

 Contributors to this page: Legioinvicta
 Last updated by: Legioinvicta,