How to give a collapsible a background color

  • Component like q-card can make use of color=“primary”.
    This doesn’t work with q-collapsible.
    What’s the way to go?

  • Try the bg-<color> CSS classes, so for example class="bg-primary" to have primary background color.

  • Hi,
    Thanks for the feedback.
    Your suggestion will color the whole collapsible. I want that only the label background is colored. Now, both the label and the rest of the content is colored.

  • Admin

    You could try and see the HTML generated by the QCollapsible then write some CSS in your app targeting the exact spot where you want that background.

Log in to reply

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.