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中正确呈现。

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

2 个答案: