Высота текстового поля 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 ответов:
добавлять
<!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, думая, что это было причиной.