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

    [v1.0.0-rc.5] Style QBtn background-color and color css

    Framework
    2
    7
    986
    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.
    • C
      caragon last edited by caragon

      It would be really helpful to be able to set the css styles or the colors of the button.
      Similar to the current QInput behavior. input-style input-class

      1 Reply Last reply Reply Quote 0
      • metalsadman
        metalsadman last edited by

        @caragon is the color prop not enough for this? Anyway you can use the default slot and do your own styling there.

        1 Reply Last reply Reply Quote 0
        • C
          caragon last edited by caragon

          @metalsadman color only accepts colors from the Quasar Color Palette…
          Setting my own slot is not an option to set the background color.

          Another option, and perfect for my case, would be that color and text-color accept all kind of colors, not only Quasar Color Palette.

          But if other components have the input-styles or input-class, I don’t see why it can not be applied here.

          1 Reply Last reply Reply Quote 0
          • C
            caragon last edited by

            The same happens with the QIcon 😞

            metalsadman 1 Reply Last reply Reply Quote 0
            • metalsadman
              metalsadman @caragon last edited by

              @caragon you can set your own colors see https://quasar.dev/style/color-palette#Adding-Your-Own-Colors

              C 1 Reply Last reply Reply Quote 0
              • C
                caragon @metalsadman last edited by caragon

                @metalsadman I can create my own colors, but I need them to change dynamically, and without using https://quasar.dev/style/color-palette#Dynamic-Change-of-Brand-Colors-(Dynamic-Theme-Colors) cause the website is used from IE too…

                Do you know an easy way to apply css styles dynamically with js?
                This would be really easy if Quasar elements accept colors strings…

                1 Reply Last reply Reply Quote 0
                • C
                  caragon last edited by

                  The workaround I found is create all .text- and .bg- and then with a mixin’s reactive property I change all colors when needed.

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