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

Question

我使用 q-select 来显示月份，并且字体非常小，所以我想让选项更大。我尝试更改 css 中的字体大小，但它不起作用。

我选择的自动取款机

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

输出看起来像 月份选择

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"
          />