Bonjour à tous,
J'ai un petit problèmes avec des boutons dont voici les CSS :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
| .button {
background-color: white;
border: 2px solid #008CBA;
color: black;
padding: 16px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
cursor: pointer;
}
.button:hover {
background-color: #008CBA;
color: white;
text-decoration: none;
} |
Avec ce bouton, pas de problème :
<button class="button">See all features</button>
Mais si je rajoute la classe Scrollto et que je mets un lien, comme ceci :
<button class="button"><a class="scrollTo" href="#deux">See all features</a></button>
lors du hover, j'ai un souligné et la typo reste bleu.
Je n'ai pas trouvé de conflit dans mes CSS.
Une personne peut-elle m'aider ?
Merci et bonne journée !
dh
Partager