ich habe auf der Startseite einen Button
der auf die Kontaktseite verlinkt und im Kontaktformular dann einen Senden-Button
Nun wollte ich beide gleich aussehen lassen:
Das funktioniert so aber nicht. Kann mir jemand erklären warum nicht?
Vielen Dank vorab!!
HTML:
<a class="button" href="kontakt.html">kontakt</a>
der auf die Kontaktseite verlinkt und im Kontaktformular dann einen Senden-Button
HTML:
<input id="senden" class="button" type="submit" value="SENDEN">
Nun wollte ich beide gleich aussehen lassen:
Code:
.button {
padding: 0.5em 2em;
border: 1px;
border-style: solid;
border-color: rgba(204,204,204,1);
border-radius: 0.25em;
text-transform: uppercase;
letter-spacing: 0.1em;
background-color:rgba(217,225,249,1);
color: rgba(0,0,0,1);
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.button:hover,
.button:active {
background-color: rgba(54,100,139,1);
color: rgba(255,255,255,1);
}
Das funktioniert so aber nicht. Kann mir jemand erklären warum nicht?
Vielen Dank vorab!!