Jaw*_*wad 4 html css input reset
我有一个简单的输入字段。
<input name="1" onfocus="this.value=''" type="text" size="20" value="input 1" title="Enter your search here" />
Run Code Online (Sandbox Code Playgroud)
由于不同的浏览器为其添加了不同数量的填充,边距和边框,因此我必须按以下步骤进行重置。
input
{
padding: 0;
margin: 0;
border: 0;
border: none;
}
Run Code Online (Sandbox Code Playgroud)
现在我有了一个未设置样式的样式(将其他属性(例如,字体大小或光标留给移动)),我想恢复重置之前默认的外观,但使用一致的值,以便外观和尺寸相同在所有浏览器中。我做
input
{
border: 1px inset #F0F0F0;
}
Run Code Online (Sandbox Code Playgroud)
但是,它发生了一些变化,外观与本提琴不同,在该提琴中,第一个输入(输入1)尚未使用border属性重置,而第二个输入(输入2)已重置(边框:0;边框:无) ;),然后重新设置样式(边框:1px嵌入#F0F0F0;)。
在应用样式重置后,如何获得相同的外观。