Estoy aprendiendo CSS. Cómo estilizar la entrada y el botón de envío con CSS?
I'm tratando de crear algo como esto, pero no tengo idea de cómo hacer
<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>
Simplemente modifique el estilo de su botón de envío como lo haría con cualquier otro elemento html. puede orientar diferentes tipos de elementos de entrada utilizando el selector de atributos CSS.
Como ejemplo puedes escribir
input[type=text] {
/*your styles here.....*/
}
input[type=submit] {
/*your styles here.....*/
}
textarea{
/*your styles here.....*/
}
Combinar con otros selectores
input[type=text]:hover {
/*your styles here.....*/
}
input[type=submit] > p {
/*your styles here.....*/
}
....
Aquí hay un [Ejemplo][1] que funciona
La interfaz de usuario de los elementos de formulario está controlada en cierta medida por el navegador y el sistema operativo, por lo que no es trivial darles un estilo muy fiable de manera que se vean igual en todas las combinaciones comunes de navegador y sistema operativo.
En su lugar, si quieres algo específico, te recomendaría usar una biblioteca que te proporciona elementos de formulario estilizables. Uniform.js es una de esas bibliotecas.