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