Извините за этот вопрос, но я не могу найти ответ нигде. У меня есть код CSS, который должен установить высоту моего текстового поля. Я использую VS2010 Express для телефона Windows, кодируя в HTML/CSS/Javascript/С#.
HTML
<input class="heighttext" type="text" id="name">
CSS
.heighttext{
height:30px
}
Я могу установить высоту на все, что мне нравится, но текстовое поле останется неизменным! Пожалуйста, помогите или, по крайней мере, пришлите мне ссылку, которая может!
Попробуйте с padding и line-height -
input[type="text"]{ padding: 20px 10px; line-height: 28px; }
Элементы управления формой, как известно, трудно подстраивать под кросс-платформу/браузер. Некоторые браузеры будут соблюдать правило CSS height, некоторые не будут.
Вы можете попробовать line-height (может потребоваться display:block; или display:inline-block;) или top и bottom padding. Если ни один из них не работает, это в значительной степени - используйте графику, расположите input в центре и установите border:none;, чтобы он выглядел как элемент управления формы большой, но на самом деле это не...
Этот код стиля используется
.heighttext{
float:right;
height:30px;
width:70px;
}
Вы должны использовать размер шрифта для контроля высоты, он широко поддерживается в браузерах. И чтобы добавить интервал, вы должны использовать отступы. Например,
.inputField{
font-size: 30px;
padding-top: 10px;
padding-bottom: 10px;
}
Не используйте свойство height в поле ввода.
Пример:
.heighttext{
display:inline-block;
padding:15px 10px;
line-height:140%;
}
Всегда используйте свойство css для padding и line-height. Его работа идеально подходит для всех мобильных устройств и всех браузеров.