overwrite quasar component/elements with our own css

[rajrana]

Hi all ,
I am using quasar v2 beta with vue3 and typescript . i am writing components with composition api

my question is how i can overwrite css classes of any quasar element or component

Thanks

[suleiman_as]

@rajrana First check the component’s Api/Props/Style. for other use cases Inspect the html and overwrite by class

[rajrana]

i have tried overwriting class but it does not works @suleiman_as

[suleiman_as]

@rajrana It’s just css&classes you can overwrite it. try it without scoped or in main style file

[suleiman_as]

@rajrana sometimes you need !important

[rajrana]

@suleiman_as what if i want to modify a quasar component for some vue components

in that case global will not help as the style is changed all over the application

[suleiman_as]

@rajrana use (!important)

[rajrana]

@suleiman_as i am trying to say i want to customize the quasar element for only specific components

[dobbel]

@rajrana

customize the quasar element for only specific components

https://vue-loader.vuejs.org/guide/scoped-css.html