No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

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

    Help
    3
    6
    1200
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • J
      jctrebalag last edited by 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.

      1 Reply Last reply Reply Quote 0
      • C
        chbarr last edited by 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>
        
        J 1 Reply Last reply Reply Quote 2
        • S
          steve last edited by

          styling the class itself seems to work just fine

          <style>
            .q-collapsible-toggle-icon {
              color: #FF9933
            }
          </style>
          
          C 1 Reply Last reply Reply Quote 0
          • C
            chbarr @steve last edited by

            @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)

            S 1 Reply Last reply Reply Quote 0
            • S
              steve @chbarr last edited by

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

              1 Reply Last reply Reply Quote 0
              • J
                jctrebalag @chbarr last edited by

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

                1 Reply Last reply Reply Quote 0
                • First post
                  Last post