style désactivé pour l'élément DIV

Question

J'essaie de styler l'état désactivé pour div J'ai du code 

<div disabled> Welcome </div>
<style>
    div:disabled{
      background-color:#f1f1f1;
    }
</style>

Je n'ai aucune classe ou ID présent sur l'élément. C'est généré par le système. Je veux faire la couleur de fond gris clair. 

Answer 1

Essayez d'utiliser le sélecteur d'attribut:

div[disabled]{}

Voir pour plus d'informations:

https://www.w3schools.com/css/css_attribute_selectors.asp

Answer 2

Ceci peut être réalisé en utilisant attribute selectors, dans ce cas, "désactivé" est l'attribut donné: 

div[disabled] {
    background-color: #f1f1f1;
}

Pour plus d'informations, voici un guide de référence très utile sur l'utilisation de attributs de données sur MDN

Voici le guide spécifique sur Sélecteurs d'attributs

Les sélecteurs d'attributs sélectionnent un élément en utilisant la présence d'un attribut donné ou d'une valeur d'attribut.

Answer 3

Dans la division, disabled est un attribut. Utilisez donc un sélecteur d'attribut.

<div disabled> Welcome </div>
<style>
      div[disabled] {
         background-color:#f1f1f1;
      }
</style>

https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

Answer 4

css à attribuer 

div[disabled]{
     background-color:#f1f1f1;
  }