使q选择类星体中的选择选项更大

Question

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

我选择的atm

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