在具有相同样式的锚元素和输入元素中填充差异

Question

我有下一个输入和锚元素：

<input type="submit" class="button" name="add" value="Button 1" />
<a class="button" href="cpanel.php">Button 2</a>

css是：

 input, textarea, select, button 
 {font-size: 100%;font-family: inherit;margin:0;padding:0;}  

.button{
    border: 1px solid #9B9B9B;  
    background-color: #DADADA;
    padding: 0; 
    margin: 0 20px 5px 0;   
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;  
    cursor: pointer;
 }

问题是firefox显示两个具有不同填充的按钮：

我使用重置css代码，并在body中定义了line-height属性。

感谢。

Answer 1

尝试：

input::-moz-focus-inner
{ 
    border: 0;
    padding: 0;
}