Javascript重置element.style

Question

我有一个脚本，可以为每个页面添加用户反馈表单。它使用document.createElement()构造一个表单（带有inputs / textareas / etc.）。有没有办法将这些创建的元素上的所有样式重置为浏览器默认值（包括悬停/焦点状态），或创建不使用任何已定义样式的元素？

Answer 1

如果我正确理解了这个问题，答案就是“不”。没有办法告诉某些元素可以免除页面的CSS代码。如果在样式表中设置input { background: red }（只是一个引人注目的示例），则无法告诉浏览器表现为规则不适用于特定的input元素。您当然可以在很多方面覆盖设置，例如#myForm input { background: white }，但这意味着设置为特定值，而不是浏览器默认值。

因此，请尝试修改CSS规则，使其仅涵盖您希望覆盖的内容，通常使用更具体的选择器。

或者，您可以考虑在通过iframe嵌入的单独文档中创建表单（因为单独的文档只会“遵守”它自己的样式表），但这会带来复杂性。