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

Я использую начальный загрузчик и обнаружил, что высота текстового поля слишком мала. Это меньше 10 пикселей. Мне интересно, если оно маленькое или я допустил некоторые ошибки.

Я использовал firebug для проверки текстовой области. Он говорит, что высота составляет 18 пикселей, что кажется мне невозможным ... И то, что я получил, такое же, как и здесь. Текстовая область из примера начальной загрузки . Это меня несколько смущает ... что я получил, это

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, но это не так ... Может кто-нибудь помочь?!

68 голосов | спросил Gnijuohz 10 FebruaryEurope/MoscowbFri, 10 Feb 2012 08:51:08 +0400000000amFri, 10 Feb 2012 08:51:08 +040012 2012, 08:51:08

5 ответов


0

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

ответил Diego Allen 26 FebruaryEurope/MoscowbSun, 26 Feb 2012 06:11:40 +0400000000amSun, 26 Feb 2012 06:11:40 +040012 2012, 06:11:40
0

Включить верхний ответ не помогло

У меня уже было <!DOCTYPE html>, и для меня это не было проблемой. Я не знаю, в чем проблема, но Я исправил это в моем CSS:

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

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

ответил Jeewes 11 J000000Wednesday12 2012, 15:55:24
0

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

ответил Tamir 16 52012vEurope/Moscow11bEurope/MoscowFri, 16 Nov 2012 09:37:02 +0400 2012, 09:37:02
0

Да, общее height равно 28px потому что обивка & Граница также добавляет height к этому input как это:

height 18px + 
4px padding-top + 
4px padding-bottom + 
1px border-top + 
1px border-bottom = 
Total 28px height
ответил sandeep 10 FebruaryEurope/MoscowbFri, 10 Feb 2012 08:56:27 +0400000000amFri, 10 Feb 2012 08:56:27 +040012 2012, 08:56:27
0

Смотрите мое решение здесь в аналогичной теме .

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

ответил user1481102 26 J0000006Europe/Moscow 2012, 10:45:29

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132