我有一个简单的输入字段。
<input name="1" onfocus="this.value=''" type="text" size="20" value="input 1" title="Enter your search here" />
因为不同的浏览器为其添加了不同数量的内边距、边距和边框，所以我必须按如下方式重置它。
input
{
padding: 0;
margin: 0;
border: 0;
border: none;
}
现在我有一个无样式的（保留其他属性，例如字体大小或光标单独用于移动），并且我想恢复重置之前的默认外观，但具有一致的值，以便外观和尺寸相同在所有浏览器中。我愿意
input
{
border: 1px inset #F0F0F0;
}
然而，它改变了一些东西，并且外观与此小提琴不同，其中第一个输入（输入1）尚未使用边框属性重置，而第二个输入（输入2）已重置（边框：0；边框：无） ;) 并再次重新设计样式（边框：1px 插入 #F0F0F0;）。
jsFiddle
应用样式重置后如何恢复相同的外观。
一旦更改，就无法恢复默认样式。如果您想跨浏览器标准化边距和内边距，只需标准化边距和内边距，不要触及任何其他样式，尤其是边框和背景。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
