如果我有* {padding：0;如何将按钮重置为默认样式？ margin：0;}设置？

Question

我有一个

页面

* {
padding: 0;
margin: 0;
}

设置并且这是我可以让布局在所有浏览器中正常工作的唯一方法，但不幸的是，它还使表单中的任何按钮看起来都很难看。我希望按钮上的浏览器默认样式。

我可以用什么类型的CSS来修复它？

Answer 1

  

这是我可以让布局在所有浏览器中正常工作的唯一方法

我建议你解决这个问题，而不是试图只为按钮覆盖它。话虽如此，你可以明确地将填充放回：

* {
    padding: 0;
    margin: 0;
}

input[type=button], button {
    padding: 6px;
}

（我不知道“6px”是否是默认值，但你可以试验）。

此外，您可以尝试使用其中一个reset CSS文件，而不是仅仅使用“padding：0”设置*，而不仅仅是那些需要它的元素。

Answer 2

一旦你指定了一个覆盖浏览器风格的规则，我认为有一种方法可以将CSS返回到浏览器（无论如何我从未见过这种规则）。

我认为，您可能希望尝试使用更复杂的重置：http://meyerweb.com/eric/tools/css/reset/或http://developer.yahoo.com/yui/3/cssreset/

，而不是像您在那里一样进行全面重置。

当然，您可以进一步调整其中任何一个 - 但它们是CSS的坚实基础。