Puedes cambiar la apariencia de los campos de los formularios en CSS actualizando sus propiedades. Aquí hay un ejemplo de cómo puedes hacerlo:
```css
input[type=“text”],
input[type=“password”],
textarea,
select {
font-family: Arial, sans-serif;
padding: 10px;
margin: 5px 0;
border-radius: 5px;
border: 1px solid #ccc;
}
input[type=“text”]:focus,
input[type=“password”]:focus,
textarea:focus,
select:focus {
border-color: #729FE1;
outline: none;
}
input[type=“submit”],
input[type=“button”] {
background-color: #729FE1;
color: white;
border: none;
cursor: pointer;
padding: 10px 15px;
}
```
Este CSS actualizará todos los campos de texto, campos de contraseñas, áreas de texto y selects para tener un tamaño de fuente específico, agregar padding, agregar un borde y una cierta cantidad de redondeamiento a las esquinas (esto es lo que hace border-radius).
Es importante mencionar que el pseudocódigo “:focus” se anexa a los campos del formulario para cambiar su apariencia cuando el usuario hace clic o tabula en el campo.
Para los botones de envío (‘submit’) y botones (‘button’), cambia su apariencia para que tenga el color de fondo definido, el texto en blanco, y el puntero del mouse se convierte en una mano (esto es lo que hace cursor: pointer). También se elimina el borde predeterminado.
