Firefox在我的提交按鈕上添加了1px

Question

我試圖通過CSS設計我的表單。 問題是我需要一個「標準」提交和一個超鏈接，它的樣式像一個CSS按鈕。

我的CSS目前看起來像這樣：

form .buttons input[type=submit], form .buttons a { padding: 0; margin: 0; } 
    form .buttons input[type=submit], form .buttons a { font-family: Tahoma, sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; color: #565656; } 
    form .buttons input[type=submit] { border: 1px solid black; } 
    form .buttons a { border: 1px solid black; } 

在Firefox中我有一個周圍有提交按鈕添加的（就像你可以在截圖中看到）1px的填充問題。

是否有一個解決方案，我怎麼能解決這個問題？

Answer 1

input[type="submit"]::-moz-focus-inner { 
    border: 0px; 
    padding: 0px; 
} 

Answer 2

試試「line-height：normal;」它修復了IE中的錯誤。