web-dev-qa-db-fra.com

Comment changer la couleur du bouton Bootstrap disabled?

J'utilise un bouton d'amorçage sur une page de mon site Web et je souhaite changer la couleur d'un bouton désactivé. Un bouton est "grisé" et vous ne pouvez pas cliquer. Est-il possible de changer la couleur en utilisant CSS? Tout cours pour ça? 

Merci beaucoup!

htmlcssbutton
8
Oliver Beck

Dans le cas où votre bouton ressemble à ceci:

<button class="btn btn-primary" disabled>Button</button>

le code CSS suivant changera de couleur (s'il est désactivé uniquement):

.btn.btn-primary[disabled] {
    background-color: #00ff00;
}

ou

.btn.btn-primary:disabled{
    background-color: #00ff00;
}
15
Jumpa

Si j'ai bien compris votre question, vous devez utiliser :disabled. Voici un code fonctionnel:

#work {
  width: 200px;
  height: 50px;
  color: black;
}

#work:disabled{
  background-color: red;
}
<button id="work"disabled="true" type="submit">Button </button>

1
Graphicoding

Je devais le faire parce que je désactivais le bouton en javascript.

 var button = document.querySelector("#button");
            button.disabled = 'disabled';
            button.setAttribute("style", "background-color: #799b48");
0
jeffkenn