Override web page css

aziz boudi

unread,

Jan 18, 2021, 5:31:24 AM1/18/21

to Chromium Extensions

I've built an extension that shows a modal on the content app, my problem is that my css is overridden by the web page css.

How do I do to make sure that my css is not overridden and always supercedes.

How do I do to have my extension looks the same on all websites?

thanks in advance

wOxxOm

unread,

Jan 18, 2021, 9:07:21 AM1/18/21

to Chromium Extensions, aziz....@gmail.com

Either use ShadowDOM or place the contents inside an iframe:

https://stackoverflow.com/questions/12783217/how-to-really-isolate-stylesheets-in-the-google-chrome-extension

Jackie Han

unread,

Jan 19, 2021, 4:28:05 AM1/19/21

to aziz boudi, Chromium Extensions

Shadow DOM is the best practice for it now. And you may need a few other tricks.

Depending on what type of modal, you could also refer to dialog-polyfill and its demo.

--
You received this message because you are subscribed to the Google Groups "Chromium Extensions" group.
To unsubscribe from this group and stop receiving emails from it, send an email to chromium-extens...@chromium.org.
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/chromium-extensions/1a469e42-51cb-48fb-8295-bc3783276d8cn%40chromium.org.