CSS Textfield在不同的瀏覽器中填充？

Question

嗨我在填充不同瀏覽器中的文本字段中有一些麻煩。這是他們在兩種不同瀏覽器中的外觀截圖。這種填充設置爲：

padding:8px 0 0 0; 

有誰知道我怎樣才能使填充在大多數瀏覽器一樣的嗎？

謝謝！

Answer 1

每一個瀏覽器渲染HTML不同的是，刪除的頂部填充給height您輸入字段&相同line-height。就像這樣：

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

它在所有的瀏覽器

Answer 2

我懷疑你會得到它完全正確的，但嘗試，並明確設置height，line-height和vertical-align CSS屬性。

Answer 3

如果您還沒有使用，您應該使用CSS重置。 CSS重置將清除各種瀏覽器應用於某些元素的默認值，這可以實現更多的一致性。