Hola a todo mundo!
Hace tiempo que no venía, y me da mucho gusto estar aquí
.
Bueno, al grano. Últimamente estoy maquetando mucho y siempre me topo con el mismo problema al intentar aplicar los mismos estilos a los controles de un formulario.
Digamos que tengo un
input, un
select y un
textarea, y a los tres les asigno los mismos estilos:
Código CSS:
Ver originalinput,
select,
textarea {
display: block;
width: 100%;
height: 20px;
padding: 10px;
border: 1px solid #ccc;
}
El resultado es
esta cosa horrible.
Por un lado el select no reconoce el padding, y por otro, el input y textarea tienen un ancho mayor a su contenedor.
¿Cómo lidian ustedes, señores, con esto?
Uno puede utilizar un
width: 200px; y con eso se soluciona la cosa del ancho. ¿Pero si queremos porcentajes?
Saludos! 