重新设置表单按钮的 CSS 代码

Question

我使用了CSS重置来重置一些常用的项目。代码是这样的：

html, body, div, h1, h2, h3, h4, ul, ol, li, form, input, fieldset, textarea {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}
ul {list-style: none outside none;}
img, fieldset {border: 0;}
h1, h2, h3, h4 {font-weight: normal;}
em {font-style: italic;}
strong {font-weight: bold;}

我知道有YUI和Meyer的重置，但我用的是这个。

现在，我遇到的问题是我无法让提交按钮再次正常显示。我当然可以从列表中删除 input 并完成它，但我想知道如何取回它，因为我将来可能需要它。

Answer 1

input[type="submit"]
{
    background-color: buttonface;
    border: 2px outset buttonface;
    color: buttontext;
}

Answer 2

使用 javascript 迭代您已更改的属性可能是一个好主意，甚至只是通过 Firefox 之类的工具查看它以获得正确的值，然后您就可以将它们设置为正确的默认值。

根据我的记忆，我认为 IE、FireFox 和 Safari 之间的按钮默认大小存在相当大的差异 - 我并不真正使用 Opera，但我认为那里存在大小问题 - 所以如果你要在按钮上设置填充CSS 在 Safari 和 Firefox 中可能无法正确渲染。