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

    Set input color for QSelect

    Help
    2
    5
    1208
    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.
    • SB
      SB last edited by

      I’ve tried to set the input color of QSelect using “color” / “input-class” / “input-style” as shown in docs -> QSelect API -> Style.
      No impact, using “bg-color” works as expected.

      For QInput you can use “input-class” and everthing works fine.

      Any ideas?

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

        Seems like it’s working… are you running quasar above version 1.1.7?

        https://codepen.io/lucasfernog/pen/pooqGXB?editors=1010#anon-login

        SB 1 Reply Last reply Reply Quote 0
        • SB
          SB @lucasfernog last edited by

          @lucasfernog Thanks for your reply.
          I’m running quasar 1.4.4 and use QSelect as a lookup for a 1:n relation with “emit-value” and “map-options”.

          <template>
            <q-item class="q-pt-xs">
              <q-item-section avatar>
                <q-icon color="primary" name="domain"/>
              </q-item-section>
              <q-item-section>
                <q-select
                  v-model="departmentId"
                  :options="options"
                  :readonly="readonly"
                  @input="change"
                  label="Abteilung"
                  input-class="text-red"
                  style="width: 380px"
                  emit-value
                  map-options
                  clearable
                  dense
                  options-dense
                />
              </q-item-section>
            </q-item>
          </template>
          

          In my case giving a departmentId should show the associated value “Lager VAL” in red letters.

          qselect.png

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

            @SB but you aren’t using the use-input prop, so that’s not an input

            SB 1 Reply Last reply Reply Quote 0
            • SB
              SB @lucasfernog last edited by

              @lucasfernog
              Thanks for your reply.
              After some trial and error I have to add use-input, fill-input, hide-selected to make it work like expected.

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