javascript - Javascript 重置 element.style

Question

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

Answer 1

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

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

或者，您可以考虑在嵌入的单独文档中创建表单iframe（因为单独的文档将“服从”它自己的样式表），但这会涉及复杂性。