68 votos

Twitter Bootstrap del campo de texto de altura demasiado pequeño?

Estoy usando bootstrap y me encuentro a la altura del campo de texto es demasiado pequeño.Es como menos de 10px.Me estoy preguntando si es pequeño o he cometido algunos errores.

He usado firefox para inspeccionar el área de texto.Se dice que la altura es de 18px,que parece imposible para mí...Y lo que tengo es el mismo que tengo desde aquí.Área de texto de bootstrap ejemplo.Se me hace bastante confundida... 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... Puede alguien ayudar?!

166voto

dallen Puntos 2393

La adición <!DOCTYPE HTML> debe solucionar este problema. La misma pregunta se hizo aquí: entrada de texto de representación problema con twitter bootstrap.css

7voto

Jeewes Puntos 306

Tuve <!DOCTYPE html> y que ya no era el problema. No sé cuál es el problema, pero Me fijo con esto en el 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 algún inconveniente.

3voto

Tamir Puntos 31

No sé por qué si yo abro una nueva, limpia HTML5 página que funciona, pero después de agregar algo de código, no sé por qué ocurre. Así que acabo de abrir el bootstrap.min.archivo css y de la búsqueda:type="text" y no hay propiedad height y lo cambio a min-altura por ello, tenemos que estar trabajando.

2voto

sandeep Puntos 43178

Sí total height es 28px porque relleno y borde de los agregue height a input como esta:

height 18px + 
4px padding-top + 
4px padding-bottom + 
1px border-top + 
1px border-bottom = 
Total 28px height

2voto

user1481102 Puntos 71

Ver mi solución aquí en un hilo similar.

Básicamente, el archivo de texto de codificación fue el causante de todos mis problemas. Se manifiesta en esos minutos diferencias entre los navegadores que he perdido horas jugando con CSS pensando que era la causa.

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X