Ich'lerne CSS. Wie kann man die Eingabe- und Übermittlungsschaltfläche mit CSS gestalten?
I'm versuchen, so etwas zu erstellen, aber ich habe keine Ahnung, wie zu tun
<form action="#" method="post">
Name <input type="text" placeholder="First name"/>
<input type="text" placeholder="Last name"/>
Email <input type="text"/>
Message <input type="textarea"/>
<input type="submit" value="Send"/>
</form>
Gestalten Sie Ihre Submit-Schaltfläche einfach wie jedes andere HTML-Element. Sie können verschiedene Arten von Eingabeelementen mit dem CSS-Attributselektor auswählen.
Als Beispiel könnten Sie schreiben
input[type=text] {
/*your styles here.....*/
}
input[type=submit] {
/*your styles here.....*/
}
textarea{
/*your styles here.....*/
}
Kombinieren mit anderen Selektoren
input[type=text]:hover {
/*your styles here.....*/
}
input[type=submit] > p {
/*your styles here.....*/
}
....
Hier ist ein funktionierendes [Beispiel][1]
Die Benutzeroberfläche von Formularelementen wird in gewissem Maße von Browser und Betriebssystem gesteuert, so dass es nicht trivial ist, sie so zuverlässig zu gestalten, dass sie in allen gängigen Browser/OS-Kombinationen gleich aussehen.
Wenn Sie etwas Bestimmtes wollen, würde ich stattdessen eine Bibliothek empfehlen, die Ihnen stilisierbare Formularelemente zur Verfügung stellt. uniform.js ist eine solche Bibliothek.