html - 恢复默认的 css 属性

Question

我正在编写一个可跨多个网站使用的组件。

每个网站都有自己的样式表并以不同方式显示某些内容。

我所有的 html 都包含在一个带有 id 的 div 中:

<div id="myComponent">...</div>

然而，我的组件是在所有网站上看起来一致。

这很好，因为我将样式应用于组件中的大多数属性。

div#myComponent p {font-size:11px;} etc

但是我遇到了一个从所有输入字段中删除边框的网站

input {border: medium none;}

我需要为我的组件中的输入字段“取消应用”该指令，并且最好使用浏览器的默认输入样式，因为 input type="text" 的边框样式将需要与 input type="button" 不同。

您将如何实现这一目标？

Answer 1

您需要重新定义它。

https://developer.mozilla.org/en/Common_CSS_Questions#Restoring_the_default_property_value