css - poner - La altura del campo de texto Twitter Bootstrap es demasiado pequeña
input sin borde bootstrap (5)
Estoy usando bootstrap y encuentro que la altura del campo de texto es demasiado pequeña. Es como menos de 10px. Me pregunto si es pequeño o si cometí algunos errores.
Usé firebug para inspeccionar el área de texto. Dice que la altura es 18px, lo que me parece imposible ... Y lo que obtuve es lo mismo que obtuve de aquí. Área de texto del ejemplo de arranque . Me hace bastante confundido ... lo que tengo es
input, textarea, select, .uneditable-input {
border: 1px solid #CCCCCC;
border-radius: 3px 3px 3px 3px;
color: #555555;
display: inline-block;
font-size: 13px;
height: 18px;
line-height: 18px;
margin-bottom: 9px;
padding: 4px;
}
La altura dice que es 18px, pero no es ... ¿Alguien puede ayudar?
Agregar <!DOCTYPE HTML>
debería arreglar esto. Se hizo la misma pregunta aquí: Problema de representación de entrada de texto con Twitter Bootstrap
No sé por qué si abro una nueva página limpia en HTML5, funciona, pero después de agregar un código no sé por qué sucede. Así que simplemente abro el archivo bootstrap.min.css y busco: type="text"
y allí está la propiedad height y la cambio a min-height porque tiene que estar funcionando.
Sí, la height
total es de 28px
porque el relleno y el borde también agregan height
a esa input
esta manera:
height 18px +
4px padding-top +
4px padding-bottom +
1px border-top +
1px border-bottom =
Total 28px height
Vea mi solución aquí en un hilo similar .
Básicamente, la codificación del archivo de texto estaba causando todos mis problemas. Se manifestó en diferencias tan pequeñas en todos los buscadores que perdí horas jugando con CSS pensando que esa era la causa.
En caso de que la respuesta principal no ayudara
Ya tenía <!DOCTYPE html>
y no era el problema para mí. No sé cuál es el problema, pero lo arreglé con esto en mi CSS:
input[type=text], input[type=password], input[type=email], input[type=tel] {
height: 28px !important;
}
Es una solución y no estoy seguro de si tiene algunos efectos secundarios.