q-select popup style

[cjmendoza]

No luck in trying to style the q-select popup content. Can someone show a sample code. I have tried ‘popup-content-class’ and ‘popup-content-style’ but cannot get anything to work.

[mKomo]

Can you be a bit more specific in what you’re trying to do?

You can style the label for example via:

{
          label: '<span class="text-primary">G</span>oogle',
          value: 'Google'
},

Taken from the docs

[metalsadman]

@cjmendoza use popup-content-class or popup-content-style props https://v1.quasar-framework.org/vue-components/select#API--QSelect. example https://codepen.io/metalsadman/pen/axMKKo

pop-content-class refers to a CSS class, while popup-content-style you need to pass your style object definition it’s there in the api doc.