Changer la couleur du curseur sur un bouton avec la personnalisation Bootstrap
j'essaie de modeler mes boutons de façon à ce que le hover rende le bouton plus clair au lieu d'un ton plus foncé. J'ai essayé de bootstrap de personnalisation de la page(http://getbootstrap.com/customize/) et il ne me donne pas une option pour changer le bouton hover couleur. J'ai essayé de faire cela manuellement en inspectant la CSS mais il n'est pas clair comment les boutons obtiennent la couleur de vol stationnaire. J'ai essayé une autre personnalisation bootstrap site web
http://pikock.github.io/bootstrap-magic/app/#!/rédacteur
je voulais que la couleur principale soit # 0495c9 et que la couleur hover soit #00b3db mais je ne peux spécifier que le bouton bg color et pas la couleur hover.
Toute aide sera appréciée
2 réponses
La couleur de vos boutons vient des classes btn-x (Par exemple, btn-primary, btn-success), donc si vous voulez changer manuellement les couleurs en écrivant vos propres règles CSS personnalisées, vous aurez besoin de changer:
/*This is modifying the btn-primary colors but you could create your own .btn-something class as well*/
.btn-primary {
color: #fff;
background-color: #0495c9;
border-color: #357ebd; /*set the color you want here*/
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
color: #fff;
background-color: #00b3db;
border-color: #285e8e; /*set the color you want here*/
}
C'est la bonne façon de changer btn couleur.
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle{
color: #fff;
background-color: #F7B432;
border-color: #F7B432;
}