I can’t change the q-select in the quasar framework, I tried a long time also can’t make it.
<q-select v-model="site1" outline dense class="selection" />
:deep(.selection .q-field__control) {font-size: 13px; width: 250px;}
:deep(.selection .q-field__outlined){ height: 28px;}
I want it the q-select of height will be 28px.
2
Answers
I have sometnig like this in my project. This example works with q-select and also for q-input. My version also requires k-mini-input class on q-select. You can probably replace that with q-select class if you want to change all selects in your application.
I’ve had success in modifying some of the q-elements through the app.scss or app.css (whichever you use). Modifying them inline or via classes elsewhere does not seem to work.