異なるブラウザでのCSSテキストフィールドの埋め込み

Question

こんにちは、私は、さまざまなブラウザのテキストフィールドのパディングにいくつかの問題があります。ここでは、2つの異なるブラウザをどのように見えるかのスクリーンショットを示します。

padding:8px 0 0 0; 

は、誰もが、私はほとんどのブラウザで同じパディングを作ることができる方法を知っています：それはパディングとして設定されていますか？

ありがとうございます！

Answer 1

すべてのブラウザは違ったので、HTMLのレンダリング、あなたの入力欄に&同じline-heightをheightを与えるトップパディングを削除します。このように：

input{ 
height:40px; 
line-height:40px; 
} 

それはすべてのブラウザ

Answer 2

私はあなたがそれを完全に正しいとは思わないでしょうが、height、line-height、vertical-alignのCSSプロパティを明示的に設定しようとします。

Answer 3

まだ使用していない場合は、CSSリセットを使用する必要があります。 CSSリセットは、さまざまなブラウザが特定の要素に適用されるデフォルト値をクリアします。これにより、一貫性が大幅に向上します。