Добавление большого текстового поля на страницу

Question

Я создаю страницу, на которой я хочу добавить ОГРОМНОЕ текстовое поле ввода. Просто так:

http://unbouncepages.com/real-time-texts/

Раньше я делал обычные текстовые поля, но как мне получить размер блока и размера шрифта?

Answer 1

Попробуйте эти CSS-настройки:

#myLargeTextboxId {
  font-size:33px;
  height:33px;
  left:0;
  line-height:33px;
  padding:8px 8px 7px;
  top:0;
  width:224px;
}

Answer 2

html:

<input type='text' id='my-text-box' value="Default text" />

css:

#my-text-box {
    font-weight: bold;
    font-size: 18px; /* or larger */
    height: 2em; /* or larger */
    width: 400px; /* or larger */
}

Answer 3

Простое повышение font-size должно сделать это, но вы, вероятно, тоже захотите немного padding.Массивный шрифт без отступов выглядел бы довольно глупо.

FireBug - ваш друг.Используйте его на всем, чего вы никогда раньше не видели, и учитесь.

Answer 4

Я проверил элемент, и он показывает это:

<input name="phone_number" class="text" id="phone_number" style="padding-bottom: 7px; line-height: 33px; padding-left: 8px; width: 224px; padding-right: 8px; height: 33px; font-size: 33px; top: 0px; padding-top: 8px; left: 0px;" type="text"/>