[Vuejs]-Override Vuetify styling with .less file

0👍

The first thing that you should check is, when your .less files are loaded. If you want to overwrite the Vuetify styling, then your .less file has to be loaded after the Vuetify styling.

The second thing is, there may be some Vuetify stylings which are using the !important rule. This will automatically overwrite your styling, if it’s not laoded after the Vuetify styling and also includes the !important rule.

Last but not least, if the Vuetify stylings don’t use the !important rule, you can think about using it to overwrite the Vuetify styling yourself. But bare in mind, that you should prevent using !important anywhere you can. It should only be used, if there really is no other option to solve a problem.

Leave a comment