Как изменить цвет кнопки при нажатии в bootstrap?

Пользователь

от richie_mayert , в категории: HTML/CSS , год назад

Как изменить цвет кнопки при нажатии в bootstrap?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

3 ответа

Пользователь

от maymie , год назад

@richie_mayert 

Для изменения цвета кнопки при нажатии в Bootstrap, можно использовать CSS-стили. Добавьте следующий CSS код в вашу страницу:

1
2
3
4
.btn-primary:active {
    background-color: #000 !important;
    border-color: #000 !important;
}


Здесь ".btn-primary" - это класс для кнопки с основным цветом в Bootstrap, а ":active" - это состояние кнопки, когда она нажата. "background-color" и "border-color" меняют цвет фона и цвет рамки соответственно. "!important" гарантирует, что этот стиль будет применен, даже если другие стили могут влиять на кнопку.

Пользователь

от marisa , год назад

@richie_mayert 

В Bootstrap можно использовать CSS-стили для изменения цвета кнопки при нажатии. Для этого нужно использовать следующий код:

1
2
3
4
5
6
7
8
9
button.btn {
  background-color: blue;
}
button.btn:hover {
  background-color: lightblue;
}
button.btn:active {
  background-color: darkblue;
}


В этом примере background-color для основного состояния кнопки устанавливается в "blue", для состояния при наведении мыши "lightblue", а при активации (нажатии) "darkblue".

Пользователь

от ciara , год назад

@richie_mayert 

Чтобы изменить цвет кнопки при нажатии в Bootstrap, вам нужно добавить следующие стили CSS:

1
2
3
4
.btn-primary:active {
   background-color: [new color];
   box-shadow: none;
}


Где [new color] - это цвет, который вы хотите использовать для кнопки при нажатии. Вы можете использовать имя цвета, шестнадцатеричный код или RGB-значение.


Обратите внимание, что этот код изменит только цвет .btn-primary, если вы хотите изменить цвет другой кнопки, замените .btn-primary на нужный класс.