Set input color for QSelect



  • 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?



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

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



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



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



  • @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.


Log in to reply