Hello,
I’m trying to solve a simple issue:
I’m injecting content script
that will build a custom piece of html
inside current page.
I want to avoid CSS conflicts - like if the page defines rule like:
div { display: none !important }
I’ve found that I can use all: initial; all: unset;
to not inherit any styles - but this includes also all default styles from Firefox.
Is there a way to inherit Firefox styles while skipping all page styles?
I was also thinking about using iframe
, but I’m afraid it will cause more harm (also I’m not a fan of iframes).