[SOLVED]Is there a way to change q-collapsible toggle icon color ?
-
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. -
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>
-
styling the class itself seems to work just fine
<style> .q-collapsible-toggle-icon { color: #FF9933 } </style>
-
@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)
-
@chbarr you are right. Didn’t see your post until after I submitted mine
-