如何让表单默认为浏览器样式

Posted 2023-04-14

【中文标题】如何让表单默认为浏览器样式

【英文标题】：How to get a form to default to browser style

【发布时间】：2014-04-09 12:17:24

【问题描述】：

我有一个简单的提交表单按钮，它从另一个无法编辑的样式表中获取样式。我希望此按钮使用默认浏览器样式，以适应网站的其余部分。

是否有可以指定“使用默认值”的 CSS 或 html 方法。

HTML

<form action="/example.php" method="post">
<input type="hidden" name="example" value="example">
<input type="submit" value="View Basket">
</form>

注意“无”不起作用，因为显然没有边框！

仅供参考。我已经做了一些基础研究并查看了 SO，但实际上什么都看不到

【问题讨论】：

哪些属性会被覆盖？

边框、背景、光标、填充、颜色 - 所以不只是一个:)

【参考方案1】：

您可以使用具有高特异性的选择器或!important 覆盖属性。检查元素并检查哪些属性被覆盖并手动将它们设置为默认值。

大多数 css 属性的值为 initial。

检查这个JSFiddle

【讨论】：

我很欣赏我可以用重要的属性覆盖属性，但这并不能解决将它们设置为默认值的问题。每个浏览器的显示略有不同，我想允许它这样做。

@tim.baker 这就是initial 所做的......你没有注意到......？它将该特定属性重置为最初加载的方式..