如何修改Quasar Q-Select选中值的文本颜色（仅文本，不含背景）

你可以通过以下几种方式修改Q-Select选中值的文本颜色，且不会影响组件背景：

方法1：使用Quasar内置文本颜色类（推荐） #

Quasar提供了text-{color}系列工具类，直接通过组件的input-class属性给内部输入文本元素添加样式类即可：

<div>
  <q-select
            dense
            bg-color="red"
            standout="text-white"
            v-model="langModel"
            :options="options"
            option-label="LAN_NAME_HEB"
            @update:model-value="langSelected"
            style="width: 110px;"
            input-class="text-white"
  />
</div>

input-class是Quasar专门用于给组件内部输入元素绑定类名的属性，能精准作用于选中值的文本区域。

方法2：自定义内联样式 #

如果需要使用自定义颜色值，可通过input-style属性直接设置：

<div>
  <q-select
            dense
            bg-color="red"
            standout="text-white"
            v-model="langModel"
            :options="options"
            option-label="LAN_NAME_HEB"
            @update:model-value="langSelected"
            style="width: 110px;"
            input-style="color: #ffffff;"
  />
</div>

方法3：Scoped样式下的深度选择器 #

如果你的Vue组件使用了scoped样式，需要通过深度选择器来选中Q-Select的文本元素：

<template>
  <div>
    <q-select
              dense
              bg-color="red"
              standout="text-white"
              v-model="langModel"
              :options="options"
              option-label="LAN_NAME_HEB"
              @update:model-value="langSelected"
              style="width: 110px;"
    />
  </div>
</template>

<style scoped>
:deep(.q-select__text) {
  color: white;
}
</style>

内容的提问来源于stack exchange，提问作者Avi