链接和输入/按钮中的文本之间的差异

Question

如何删除Firefox和Chrome中的差异显示按钮？

案例： jsfiddle

Answer 1

您必须重置Fx'-moz-focus-inner伪元素的样式：

.btnViolet::-moz-focus-inner {
    padding: 0;
    border: none;
}

这是一个固定的小提琴：http://jsfiddle.net/kizu/XTjtg/25/

Answer 2

为此发布的大多数解决方案都存在可访问性问题 - 它们会完全删除焦点大纲。

要修复填充但焦点与其他链接的工作方式相同，请尝试以下操作：

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

button:-moz-focusring {
  outline: 1px dotted ButtonText;
}