[SOLVED]Is there a way to change q-collapsible toggle icon color ?

jctrebalag

Hi all,

I’m trying to figure out how to change q-collapsible toggle icon color. I tried to override the .q-collapsible-toggle-icon class in my component and it doesn’t work. However, when doing the override in app.styl it does work.
Am I overlooking something ?
Thanks.

chbarr

Quasar component styles are scoped.
So two ways:

style globally .q-collapsible-toggle-icon
use /deep/ in your component style:

<style scoped lang="stylus">
/deep/ .q-collapsible-toggle-icon
  color red
</style>

steve

styling the class itself seems to work just fine

<style>
  .q-collapsible-toggle-icon {
    color: #FF9933
  }
</style>

chbarr

@steve said in Is there a way to change q-collapsible toggle icon color ?:

styling the class itself seems to work just fine
<style>
  .q-collapsible-toggle-icon {
    color: #FF9933
  }
</style>

Yes but i think it’s globally with your code (maybe it’s what you want)

steve

@chbarr you are right. Didn’t see your post until after I submitted mine

jctrebalag

@chbarr @steve Thanks to both of you ! It works perfectly !
Didn’t know about the /deep/ in selector to style children components.