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

Question

I am building widget with JS and without iframe. I need some help on how to prevent styles from page affecting my widget. Initially i build it with shadow dom, but it has no support for firefox.

Answer 1

If your don't want your CSS to affect your widget at all, you necessarily need to either:

1. Overwrite each style manually for your widget, or
2. Use an iframe

Using JavaScript for an iframe is allowed if your are under the same domain, which in this case wouldn't be a problem for you.