在 q-select quasar 中使 select 选项更大

Question

我正在使用 q-select 来显示月份，而且字体很小，所以我想让选项更大。 我尝试更改 css 中的字体大小，但没有成功。

我的 select 自动取款机

          <q-select
            ref="month"
            input-style="zoom: 1.2; text-align: right;"
            rounded outlined
            clearable
            class="text-h4" 
            v-model="oMonth" 
            :options="oMonths"
          /> 

output长什么样子的选择

Answer 1

<q-select>属性需要影响弹出菜单的外观及其选项是popup-content-class和/或popup-content-style 。 （如果您需要对每个项目的内容进行更多控制，也可以使用option槽。）

对于 h6 大小的文本，这些方面的东西会起作用：

          <q-select
            ref="month"
            input-style="zoom: 1.2; text-align: right;"
            rounded outlined
            clearable
            class="text-h4" 
            popup-content-class="text-h6"
            v-model="oMonth" 
            :options="oMonths"
          />