Javascript重置元素样式

Javascript reset element.style

本文关键字：样式元素 Javascript 更新时间：2023-09-26

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

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

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

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