javascript - 如何防止页面的 CSS 影响我的小部件？

Question

我正在使用 JS 构建小部件，而不使用 iframe。我需要一些有关如何防止页面样式影响我的小部件的帮助。最初我用shadow dom构建它，但它不支持firefox。

Answer 1

如果您根本不希望 CSS 影响您的小部件，那么您必须:

1. 手动覆盖小部件的每种样式，或者
2. 使用 iframe

如果您位于同一域下，则允许在 iframe 中使用 JavaScript，在这种情况下，这对您来说不会有问题。