I want to use vuetify and vuejs as part of a chrome extension. When importing the vuetify CSS, the problem is that it overrides the page's CSS and changes it because of CSS conflicts. Is it possible to change the CSS and make it unique only for my application, and therefore no other page will be changed by the CSS that I use?
Asked
Active
Viewed 121 times
0
-
It's more reliable to use ShadowDOM or a special iframe, see [How to really isolate stylesheets in the Google Chrome extension?](https://stackoverflow.com/q/12783217) – wOxxOm Feb 23 '21 at 06:54
-
Thanks, I will take a look at that. It looks like something I need. Do you know how to combine it with vuetify and vue.js? – lee Feb 23 '21 at 07:18
-
I don't have any examples but hopefully you can find them by googling "vuetify shadowdom" or "vuetify web_accessible_resources iframe" – wOxxOm Feb 23 '21 at 08:28