J'apprends les CSS. Comment styliser les boutons de saisie et d'envoi avec CSS ?
J’essaie de créer quelque chose comme ça, mais je n’ai aucune idée de la façon de le faire.
<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>
![entrez la description de l'image ici][1]
Il suffit de donner un style à votre bouton d'envoi comme vous le feriez pour n'importe quel autre élément html. Vous pouvez cibler différents types d'éléments de saisie à l'aide du sélecteur d'attributs CSS.
Par exemple, vous pouvez écrire
input[type=text] {
/*your styles here.....*/
}
input[type=submit] {
/*your styles here.....*/
}
textarea{
/*your styles here.....*/
}
Combinaison avec d'autres sélecteurs
input[type=text]:hover {
/*your styles here.....*/
}
input[type=submit] > p {
/*your styles here.....*/
}
....
Voici un [Exemple][1] fonctionnel.
[1] :
L'interface utilisateur des éléments de formulaire est quelque peu contrôlée par le navigateur et le système d'exploitation. Il n'est donc pas facile de leur donner un style très fiable de manière à ce qu'ils aient le même aspect dans toutes les combinaisons courantes de navigateur et de système d'exploitation.
Si vous voulez quelque chose de spécifique, je vous recommande d'utiliser une bibliothèque qui vous fournit des éléments de formulaire stylisables. uniform.js est une de ces bibliothèques.