CSS 恢复为默认样式

Question

一位开发人员设置了以下 css 规则，该规则必须保留。

* {
    border: medium none;
    list-style: none outside none;
    margin: 0;
    outline: medium none;
    padding: 0;
}

这会移除 SELECT 和 INPUT 字段的边框，使它们看起来不太理想。如果我删除 Firebug 中的边框样式，那么字段看起来又正常了。我必须添加哪些 CSS 规则才能恢复为浏览器设置的默认样式？

编辑:这些是我试图恢复到(在我的计算机上)的样式:

_{(来源:456bereastreet.com)}

Answer 1

我认为您的开发伙伴试图做的是创建他自己的重置(类似于 Yahoo Reset 等)。但由于他声明的是 * 而不是特定元素，因此它会删除所有内容的边框。

不过，您可以解决此问题，通过将 * 更改为最常见的元素(无表单元素)，仍然可以在表单元素上恢复浏览器的默认边框 - 它有点难看，但它可以满足您的需求:

a,abbr,acronym,address,b,blockquote,body,br,caption,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,i,img,label,legend,li,link,menu,ol,p,pre,small,span,strong,table,td,th,tr,u,ul
{
    border: medium none;
    list-style: none outside none;
    margin: 0;
    outline: medium none;
    padding: 0;
}