[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.