鉻與所有其他瀏覽器的輸入文本框寬度不同

Question

我在網站上有很多輸入文本框，我用非常特定的寬度以像素爲單位創建。

在Safari和Firefox中，盒子的寬度都是相同的，但在Chrome中，它們少了幾個像素。有誰知道爲什麼會發生這種情況，或者會導致這種情況？

編輯：我使用Eric Meyer的重置CSS V2.0以及

編輯＃2：它看起來像泰米爾Selvan的盒子大小的伎倆。它真的搞糟了我所做的其他div箱子的所有高度。看起來我只是需要花一些時間來解決這個問題。謝謝！！

input { 
    padding:3px; 
    height:8px; 
    outline: 0; 
    border:0; 
    border-radius:3px; 
} 

Answer 1

它看起來像泰米爾塞爾萬的盒子大小做了一些伎倆。

我添加了下面要真正解決一些我與盒具有的問題不是是相同的：

*, *:before, *:after { 
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 
} 

然而，我發現，字母間距也是一個問題。 Safari和鉻的字母間距也略微偏離，我想弄清楚如何解決這個問題。

Letter Spacing Example

font-family: 'Arial Narrow', Arial, sans-serif; 
font-size:13px;