Html 重置输入元素的样式并重新设置样式以恢复默认外观

我有一个简单的输入字段

<input name="1" onfocus="this.value=''" type="text" size="20" value="input 1" title="Enter your search here" />

现在我有了一个未设置样式的（将字体大小或光标等其他属性留给移动），我希望恢复重置之前的默认外观，但具有一致的值，以便所有浏览器中的外观和尺寸都相同。我知道

input
{
border: 1px inset #F0F0F0;
}

然而，它改变了一些东西，并且外观与此小提琴不同，第一个输入（输入1）未使用border属性重置，而第二个输入（输入2）已重置（border:0；border:none；）并再次重新设置样式（border:1px inset#f0f0；）

---

如何在应用样式重置后恢复相同的外观。

一旦更改默认样式，将无法恢复默认样式。如果您想跨浏览器标准化页边距和填充，只需标准化页边距和填充，并且不要触摸任何其他样式，尤其是边框和背景。

简短的回答是“更改”

边框：1px插页#f0

到

边框：1px实心#A9A9


长答案

我觉得有一个更好的答案来解决OP在他们手中的问题

问题在于他们使用了
inset
而不是
solid

以下是原始js Fiddle代码：


输入
{
填充：0；
保证金：0；
}
输入[name=“1”]
{
利润率：10px；
}
输入[name=“2”]
{
边界：无；
边界：0；
边框：1px插图#f0；
}

但是IE应用了1px边框、FF 2px和GG 3px之类的东西！这正是他们设计按钮的方式。您无法更改它而不丢失默认样式，因为这些是它们各自的默认样式。即使仅更改边框宽度，也可以。恐怕这就是它的工作原理。但是你可以用
-WebKit外观：无
@alej27：问题是如何获得默认外观。你的建议正好相反。
input
{
border: 1px inset #F0F0F0;
}