Высота текстового поля Twitter Bootstrap слишком мала?


Я использую bootstrap и я нахожу высоту текстового поля тоже small.It это меньше, чем 10px.Мне интересно, если это мало, или я сделал некоторые ошибки.

я использовал firebug для проверки текста area.It говорит, что высота 18px, что кажется мне невозможным...И я получил то же самое, что и отсюда.текстовая область из примера bootstrap. это заставляет меня довольно запутаться... то, что я получил это

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;
}

высота говорит, что это 18px, но это не так... Мочь кто-нибудь поможет?!

5 68

5 ответов:

добавлять <!DOCTYPE HTML> должны исправить это. Тот же вопрос был задан здесь: проблема с рендерингом ввода текста с помощью Twitter Bootstrap

упаковать верхний ответ не помогло

Я <!DOCTYPE html> уже и это не проблема для меня. Я не знаю в чем проблема, но Я исправил это с помощью этого в моем css:

input[type=text], input[type=password], input[type=email], input[type=tel] {
    height: 28px !important;
}

это обходной путь, и я не уверен, что он имеет некоторые побочные эффекты.

Я не знаю, почему, если я открываю чистую новую страницу HTML5, она работает, но после добавления кода я не знаю, почему это происходит. Поэтому я просто открываю бутстрап.минута.css файл и поиск:type="text" и там есть свойство height, и я меняю его на min-height, потому что он должен работать.

да общая height и 28px потому что отступ и граница также добавить height этой input такой:

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

смотрите мое решение здесь в подобной теме.

в основном, кодировка текстового файла вызывала все мои проблемы. Это проявилось в таких незначительных различиях между браузерами, что я потратил часы, играя с CSS, думая, что это было причиной.