Javascript 如何控制客户端网站上小部件的外观

我们在客户的网站上使用了一个js/html/css小部件，并且在一些网站上注意到，由于页面中的css层叠并干扰了布局，它显示不好，比如网站的设计者将一堆css应用于页面上的所有div，等等

有没有一种简单的方法可以将样式应用到我的小部件的容器中，这样侵入性css就不会破坏布局

你们怎么处理这种情况

---

谢谢，

你可以看看。这对于像您这样的小部件来说是完美的。Shadow DOM不允许父网页访问小部件的DOM，CSS规则无法访问小部件。

我会将小部件放在您自己托管的Iframe中。这解决了这个问题。您可以为客户机提供可嵌入iframe的代码

---

这也是推特、facebook等大型网站在其小部件中使用iFrame的原因之一。

这是一个常见问题。我使用的是：

一个普通的css重置样式表是不够的。这些重置/规范化浏览器的默认样式。他们没有清除那些由作者创建的

此外，由同一作者-它处理css重置加上一些更重要的事情

---

当我在做这件事的时候，这里有另一个来自Olark团队的例子：它与上一个类似，但是有更多的特性，因此更复杂。我没有用过这个。

问题是，我们的很多小部件有时会通过动画调整大小，所以iframe的想法在浏览器通信安全问题上不太管用。好的，我更喜欢你的答案！