CSS恢复为默认样式

时间:2011-07-21 15:46:41

标签: css

同事开发者设置了以下css规则,该规则必须保留到位。

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

这将从SELECT和INPUT字段中删除边框,使它们看起来不太理想。如果我删除了firebug中的边框样式,那么字段再次显示正常。我必须添加哪些css规则才能恢复到浏览器设置的默认样式?

编辑:这些是我试图恢复的样式(在我的电脑上):

Screenshot http://www.456bereastreet.com/lab/styling-form-controls-revisited/select-single-option/icab-3-osx.png

3 个答案:

答案 0 :(得分:2)

我认为你的开发人员试图做的是创建自己的重置(类似于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;
}

答案 1 :(得分:1)

添加以下内容:

select, input {
 border: solid 1px; /* or whatever you want */
}

答案 2 :(得分:0)

不幸的是,您需要设置新值。没有reset值。

如果要添加边框,请设置新的边框样式。或者删除您发布的样式。