Is there a method to avoid style lack?

[dinfer]

Tailwind resets all the styles in the pages which my content script inject into. I just use the official react-typescript template, and I only change the content_scripts.matches to ["<all_urls>"] in the manifest.json, no code is modified.

Is there a way to avoid the "style lack"? It seems WebComponent cannot be used here, cause customElements is null in the isolated runtime of content script.

[cezaraugusto]

hi @dinfer not sure what is the question. I guess you want to prevent Tailwind from injecting default styles into the page?

[dinfer]

@cezaraugusto I want to use tailwind for the elements created by content script, but I dont want to affect the original styles of that page.

For example, I want to use tailwind to style the panel at right-bottom, but the links of google should remain be blue.

I need a way to make tailwind only affect the elements created by content script