28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Je me tourne vers vous pck j'ai un problème qui m’embête un peu :

Je veux faire un bouton qui emmène vers une autre page et quand on passe la souris dessus il y a changement de couleur etc...
Le prob c'est que lorsque je dis dans mon css:

a {
text-transform : none;
}

Je vais bien vers ma page pas de problèmes, mais toute la décorations que moi je veux sur le texte dans le <button> est remplacée par la décoration de <a> par défaut !
Je pense que ce serait par "arborescence" je lui dit d'appliquer un style au bouton et ensuite comme il y a un lien il annule le style <button> pour appliquer celui du <a>

Comment y remédier et avoir le style que je souhaite ?

J'ai lu qq part que l'on ne pouvait pas associer le <a> avec <button> est-ce vrai ? pourquoi ?

Je joins un code pen:

https://codepen.io/Adrien_K/pen/MWaMEEm

Merci d'avance !!
Bonjour

Tu peux utiliser un <a href="" rôle="button" class="taclass">

Pas besoin d'associer les deux et surtout ce n'est pas w3 validate
Meilleure solution
Super !

Ca fonctionne nickel, je ne savais pas qu'on pouvais faire une balise pour deux comme ici !

Merci beaucoup