firefox中的按钮标记vs锚标记，文本问题

Question

使用firefox导致此问题的原因是什么？第一个按钮是样式锚标记，第二个按钮是html5按钮标记。在Chrome中，它们都是相同的，但在Firefox中，您可以通过“登录”文本查看问题。

HTML：

<a href="#" class="buttonDark">LOGIN<span>›</span></a>
<button type="submit" name="submit" class="buttonDark">LOGIN<span>›</span></button>

css is here

可以在此处找到显示问题的图片 - ＆gt; image

Answer 1

尝试在代码中添加以下内容：

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

Firefox有很多按钮问题。这有时会修复它们，因为Firefox使用的'chrome'通常用一些填充和边框来定义，但通常你也看不到它们。这是因为你可以在选定的输入周围加一点点边框。

Answer 2

请在此处查看答案：firefox-problems-with-floated-span-inside-button

Answer 3

我找到了解决这个问题的方法。我在这里发布了解决方案。

    `http://jsfiddle.net/Uysbm/`

Answer 4

您正在定义线高。所以它会给予额外的空间。你可以用这个......

vertical-align=middle;