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

16
demandé sur Amir Shadaab Mohammed 2014-09-19 02:45:04

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*/
}
38
répondu jme11 2014-09-19 11:59:35

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;
    }
0
répondu kamlesh.halduniya 2018-03-29 07:04:10