html – 重置输入元素和重新打印的样式以恢复默认外观

概述我有一个简单的输入字段. <input name="1" onfocus="this.value=''" type="text" size="20" value="input 1" title="Enter your search here" /> 因为不同的浏览器添加不同数量的填充,边距和边框,我必须按如下方式重置它. input{padding: 0;margin: 0;border: 我有一个简单的输入字段.

<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)没有用border属性重置,而第二个输入(输入2)已被重置(border：0; border：none ;)并再次重新设计(边框：1px插入#F0F0F0;).

jsFiddle

在对其应用样式重置后,如何获得相同的外观.

解决方法 更改后,您无法恢复默认样式.如果要在浏览器中标准化边距和填充,只需标注边距和填充,不要触及任何其他样式,尤其是边框和背景. 总结

以上是内存溢出为你收集整理的html – 重置输入元素和重新打印的样式以恢复默认外观全部内容，希望文章能够帮你解决html – 重置输入元素和重新打印的样式以恢复默认外观所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。