текст текстового поля появляется в верхней части окна в Internet explorer

Question

привет, я сделал простой класс css, и я увеличил высоту текстового поля. проблема в том, что текст начинается с вершины в IE7 (как будто я не изменил высоту). , но в Firefox текст отображается вертикально. теперь мой вопрос заключается в том, что как я могу сделать текст в вертикальной середине окна в Internet Explorer вот мой CSS

.textfield{ 
    height:40px; 
    width:300px; 
    border: 1px solid #CCC; 
    font-size:20px; 
    color:#999; 
} 

и это мой HTML

<input name="" type="text" value="" class="textfield"> 

Answer 1

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

.textfield{ 
    padding:10px 0; 
    width:300px; 
    border: 1px solid #CCC; 
    font-size:20px; 
    color:#999; 
} 

Конечно, вы должны будете экспериментировать с количеством заполнения, чтобы использовать, я ставлю 10px в качестве примера.