[BootStrap 3] Modifier l'aspect des btn

Bonjour,

Par défaut, la couleur de btn :active possède un contour... je souhaite qu'il se comporte comme un btn-link mais sans utiliser celle-ci, du genre...

Code:

---

1 2 3

.btn:active { background : none !important; }

---

Mais cela ne fonctionne pas, savez-vous s'il est possible de le modifier ?

Merci d'avance pour votre répons,
;)

Bonjour,

Essaye :

Code:

---

1 2 3

.btn:active { background-color: inherit; }

---

Merci pour la réponse, mais ça ne fonctionne pas...
Ce que je cherche à faire, c'est à supprimer la bordure par défaut lors du active...

Code:

---

<button class="btn">mon bouton</button>

---

Pièce jointe 582691

Si c'est la bordure qui te dérange, c'est la propriété border qu'il faut changer :

Code:

---

1 2 3 4 5

.btn{ background:none; border:1px solid #0078d7; }

---

Tu auras le même comportement sur active.

Bonjour,
il y a également un box-shadow: inset 0 3px 5px rgba(0,0,0,.125);.

Donc une surcharge, jamais très bon

Code:

---

1 2 3 4

.btn.active, .btn:active { -webkit-box-shadow: none; box-shadow: none; }

---

... peut être mieux de passer par une « custom class »

Tu peux regarder ce qui se passe sur https://www.tutorialrepublic.com/cod...3&file=buttons

Merci, j'avais testé border: 1px... mais n'avais apparemment pas essayé avec box-shadow. ;)

Code:

---

1 2 3

.btn:active { box-shadow: none; }

---

Fonctionne sous FF et Safari 5, pourquoi ajoutez-vous -webkit-box-shadow: none; et .btn.active ?

Bonjour,

Par défaut, la couleur de btn :active possède un contour... je souhaite qu'il se comporte comme un btn-link mais sans utiliser celle-ci, du genre...

Code:

---

1 2 3

.btn:active { background : none !important; }

---

Mais cela ne fonctionne pas, savez-vous s'il est possible de le modifier ?

Merci d'avance pour votre réponse,
;)

Citation:

---

Fonctionne sous FF et Safari 5, pourquoi ajoutez-vous -webkit-box-shadow: none; et .btn.active ?

---

Parce que BootStrap en version 3 est obsolète et qu'il le rajoute dans son CSS, il faut donc mieux penser à l'annuler également même si cela à peu de chance de servir.

La bonne solution serait de passer à une version plus récente.

Je n'avais pas vu ton message de aujourd'hui 16h31 !

Le mieux que tu puisses faire est de passer par une « custom class » comme déjà dit.

Encore merci.