Estoy teniendo problemas al cambiar el tamaño de letra de los inputs cuando se ingresa texto
Quiero que se cambie el tamaño de la letra del input al ingresar texto, pero al hacerlo también me cambia el tamaño del input, lo que debe ser diferente
¿Cómo puedo hacer para que al cambiar el tamaño de la letra del input al ingresar texto, no me cambie el tamaño del input?
Esto es lo que he hecho
.form-group input[type=text],
.form-group select{
font-size: 12px;
padding-left: 1em;
padding-right: 1em;
color: #C5CCE1;
height: 1.875em;
border-radius: 9px;
outline: none;
border: 1px solid #C0C8E7;
width: 24.25em;
}
<div class="form-group">
<input type="text" name="mdl_add_nombre" id="mdl_add_nombre" class="mdl_input_proveedor">
<label>Nombre de Proveedor</label>
</div>
<div class="form-group">
<select name="mdl_add_nacionalidad" id="mdl_add_nacionalidad" class="mdl_input_proveedor">
<option value="">>> Seleccione una opción</option>
<option value="">Internacional</option>
<option value="">Nacional</option>
</select>
<label>Nacionalidad</label>
</div>
em
la cual es relativa al tamaño de letra del elemento, deberías considerar usar otra unidad comorem
,px
etc.