Firefox 在我的提交按钮上添加 1px答案

【问题标题】：Firefox adds 1px on my submit buttonFirefox 在我的提交按钮上添加 1px
【发布时间】：2011-11-29 00:38:21
【问题描述】：

我正在尝试通过 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 填充（如您在屏幕截图中看到的那样）。

有什么办法可以解决这个问题吗？

【问题讨论】：

也可以是行高。

标签： css firefox google-chrome webforms

【解决方案1】：

也可以试试“line-height: normal;”它还修复了 IE 中的一个错误。

【讨论】：

【解决方案2】：

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

【讨论】：