テキストフィールドのテキストがインターネットエクスプローラーのボックスの上部に表示されます

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を入れています。