Javascript 重置 element.style

Question

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

Answer 1

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

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

或者，您可以考虑在通过 iframe 嵌入的单独文档中创建表单(因为单独的文档将仅“服从”它自己的样式表)，但这会带来复杂性。