Html 为什么要在按钮内部添加额外的水平填充（仅限Firefox）？

代码片段（）：

*{
大纲：无；
}
钮扣{
背景：耐火砖；
宽度：200px；
高度：40px；
边际：0px；
填充：0px；
边界：无；
}
按钮>div{
背景：淡天蓝；
边际：0px；
填充：0px；
边界：无；
}

标签

添加此样式以修复它：

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

代码片段（）：

*{
大纲：无；
}
钮扣{
背景：耐火砖；
宽度：200px；
高度：40px；
边际：0px；
填充：0px；
边界：无；
}
按钮>div{
背景：淡天蓝；
边际：0px；
填充：0px；
边界：无；
}
按钮：：-moz焦点内部{
填充：0；
边界：0；
}

标签

对于初学者，我会说，因为按钮不能包含div。无效的HTML。@j08691:+1感谢您指出这一点@谢尔盖德尼索夫：我通常不喜欢编辑我的文章，但你对这篇文章的编辑非常出色（对我来说非常有启发性）。我真的很感激他们。谢谢大家!@谢谢，我很乐意帮忙！我既恶心又着迷。干得好：）@NicoO为什么恶心？=）比如说，现在不需要这样的选择器。我认为@j08691的评论在这方面很重要。我的评论无意冒犯任何人。@NicoO是的，我同意你的看法，我不喜欢使用特定于浏览器的选择器，但有时我们需要它。（《代码》）问题不仅仅在于内部，请参阅。