Как установить высоту поля ввода (текста) в CSS?

Извините за этот вопрос, но я не могу найти ответ нигде. У меня есть код CSS, который должен установить высоту моего текстового поля. Я использую VS2010 Express для телефона Windows, кодируя в HTML/CSS/Javascript/С#.

HTML

<input class="heighttext" type="text" id="name">

CSS

.heighttext{
  height:30px
}

Я могу установить высоту на все, что мне нравится, но текстовое поле останется неизменным! Пожалуйста, помогите или, по крайней мере, пришлите мне ссылку, которая может!

Ответы

Ответ 1

Попробуйте с padding и line-height -

input[type="text"]{ padding: 20px 10px; line-height: 28px; }

Ответ 2

Элементы управления формой, как известно, трудно подстраивать под кросс-платформу/браузер. Некоторые браузеры будут соблюдать правило CSS height, некоторые не будут.

Вы можете попробовать line-height (может потребоваться display:block; или display:inline-block;) или top и bottom padding. Если ни один из них не работает, это в значительной степени - используйте графику, расположите input в центре и установите border:none;, чтобы он выглядел как элемент управления формы большой, но на самом деле это не...

Ответ 3

Этот код стиля используется

.heighttext{
 float:right;
 height:30px;
 width:70px;
 }

Ответ 4

Вы должны использовать размер шрифта для контроля высоты, он широко поддерживается в браузерах. И чтобы добавить интервал, вы должны использовать отступы. Например,

.inputField{
  font-size: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}

Ответ 5

Не используйте свойство height в поле ввода.

Пример:

.heighttext{
    display:inline-block;
    padding:15px 10px;
    line-height:140%;
}

Всегда используйте свойство css для padding и line-height. Его работа идеально подходит для всех мобильных устройств и всех браузеров.