Css 如何重置HTML5按钮元素的所有默认样式 脚本

我使用了

元素，它看起来就像纯文本，右端有一个“+”。
单击div元素可展开并显示一些信息。我认为button元素在语义上是正确的，可以表示这样一个。。。按钮扳机

问题 所以我混合了一些按钮和h2元素，我有一个视觉问题。重置所有默认用户代理样式后我希望我引入文档的每个元素都看起来简单且没有样式

但是按钮元素看起来没有那么简单。它有一个文本缩进。

例子 文本和上面的两个仅为文本“>

首先，三个元素是

text节点

，上面的两个元素就是

text节点

CSS 其他元素的CSS 其他元素使用背景图像、文本转换：大写，仅此而已。Firebug中有无填充、边距、文本缩进或其他“软”或“硬”属性，可能会把事情搞砸。我尝试了显示设置，但它不会“修复”任何东西或使事情变得更糟

问题: 有人能解释一下为什么即使在重置了默认样式之后，

元素也会出现这种视觉故障吗

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

---

在css中添加此选项也可以解决您的问题。

非常感谢。我不知道为什么Safari中也可以使用此选项…即使它是-moz。但好吧…我同意。

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