it-swarm.com.ru

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

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

HTML

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

CSS

.heighttext{
  height:30px
}

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

30
Arrie

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

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

Общеизвестно, что элементы управления форм сложны в стиле кроссплатформенности/браузера. Некоторые браузеры будут соблюдать правило CSS height, а некоторые нет.

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

3
danwellman

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

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

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

Пример:

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

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

1
HAPPY SINGH

Вы используете этот код стиля

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