将CSS代码封装在javascript插件中

时间:2019-05-08 21:25:33

标签: css css3

我正在编写JS插件,该插件将放置在几个不同的网站中。这些网站使用了不同的样式,一些Bootstrap,一些Bulma和一些只是自定义样式。

我的插件正在生成div,inputs,selects之类的DOM元素。我想自行设置这些元素的样式。如何使该插件在将要嵌入的任何网站中看起来都一样?

1 个答案:

答案 0 :(得分:2)

也许创建Shadow DOM元素会有所帮助。然后,您将能够添加自定义DOM元素,并且它们不受外部任何内容的影响。看到这里:https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM