Как изменить цвет кнопки Bootstrap disabled?

Я, используя кнопку загрузки на странице моего сайта, и я хочу изменить цвет кнопки отключены. Кнопка, которая "серым цветом", и вы не можете нажать. Есть ли способ изменить цвет этого с помощью CSS? Есть занятия для этого?

большое спасибо!

6
button css html

3 ответов

В случае, если ваша кнопка будет выглядеть так:

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

следующий код CSS изменит свой цвет (только при отключении):

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

или

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

Если я правильно понимаю ваш вопрос; вам нужно использовать :disabled. Вот рабочий код:

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

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

мне пришлось это сделать, потому что я отключал кнопку в javascript.

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