Discussion :

[dominos]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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,

[albedo0]

Bonjour,

Essaye :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.btn:active {
	background-color: inherit;
}

[dominos]

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Archimède]

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

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
 .btn{
        background:none;
        border:1px solid #0078d7;
    }

Tu auras le même comportement sur active.

[NoSmoking]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[dominos]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.btn:active {
    box-shadow: none;
}

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

[dominos]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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,