使按鈕的寬度與Firefox中的文本輸入字段的寬度相同

Question

我正在嘗試使文本輸入元素的寬度與提交輸入元素的寬度相同，並且出於某種原因，我正在爲此付出努力。 （我可能錯過了一些非常明顯的東西）。

在鉻，歌劇，IE9和IE10，該做的伎倆：

input { 
    box-sizing:border-box; 
} 

但是在Firefox這不解決該問題作爲文本輸入仍然比提交輸入較長（最終比任何聲明的寬度更長）。

鉻，歌劇，IE9和IE10：

Firefox的問題：

請注意，我添加了一個1px的邊框，以每使差異更清晰一些。

這是一個JSFiddle example來說明這一點。請注意，我在Windows 7上使用最新版本的Chrome，Opera和Firefox。

如何確保所有瀏覽器中的大小相同？

Answer 1

Firefox仍然不支持box-sizing的正常版本 - 您將不得不使用mozilla css擴展。

-moz-box-sizing: border-box;