Home>
I want to change the button active color in Bootstrap
I created an LP with Bootstrap (ver.4.3.1), but I want to change the color of the button that turned blue with btn-primary to purple when using: hover or: active. Only is applied and the active color remains blue. Why?
Is there a way to describe hover and active in one place instead of separately?
Thanks.
Applicable source code
If i build it ...
<br>
Learn More
. btn-primary {
background-color: # 6648b1;
border: 1px solid # 6648b1;
}
.btn-primary: hover {
background-color: # 563d7c;
border: 1px solid # 563d7c;
}
.btn-primary: active {
background-color: # 563d7c;
border: 1px solid # 563d7c;
}
-
Answer # 1
Related articles
- css3 - i want to change the color of the fontawesome link on the page where googleform is embedded
- css3 - i want to change the font color of offspring with parent focus
- css3 - i want to change the background color except for a specific class
- javascript change the background color according to the displayed characters
- css3 - cannot move characters with bootstrap
- bash - i want to change the color of the user name in iterm2
- i want to change the sign or color of the current day in the calendar with vbnet
- swift - change color when selecting collectionview cell
- css - i want to change the color when i press a button in the drawer menu
- Implementation of interlace color change of table based on JavaScript
- html - i want to change the color of the text input field in the odd column with nth-child
- css3 - cannot change the font of letters
- character code - i want to change the color only where i clicked
- Android implements to change the color of a part of the bitmap image to other colors
- python - i want to change the text color of the pandasplot label
- html - how to change the color of in tag when hovering
- i want to change the text color from black to purple when clicking with jquery
- javascript - change color for specific characters in text box
- vuejs - i want to change the background color of vuetify's v-card-text to white or another color
- html - i want to change the background color of the send button according to the number of characters input in the input tag
Related questions
- html - offset does not apply
- css3 - will the description of the old version be deleted when the new version comes out?
- css3 - i am making a slide show the path is fine and the slides are working but the image doesn't look good so i want to be able
- html - boostrap does not apply
- javascript - i want to fix the icon at the right end of the html text box and display it
- html - the specification at the time of xs does not work in bootstrap
- css3 - how to arrange side by side in html and css screen layout
- html - bootstrap container doesn't work (padding doesn't work)
- html - child element is not included in parent element
- html - bootstrap content width unintentionally
This is because the
Bootstrap style conflicts with the
active
pseudo-class style, and the Bootstrap style has been applied. The solution could be to use the! Important
rule, or to have a greater level of detail than Bootstrap's style. You can also use the selector list to organize the styles (operation check link).Or (operation check link):