Javascript 如何更改vuetify组件中的字体大小

我使用v-text-field和v-select与vue loader一起使用。
我试图改变字体大小，但我做不到。 如何更改字体大小

我的代码是这样的

<template lang="pug">
p label-1
v-text-field(...)

p label-1
v-text-field(...)
</template>

<stylelang="sass">
.input-group .input-group__input
  font-size: 12px !important
</style>

<stylelang="sass"scoped>
.p
  font-size: 12px
</style>

p标签-1
v-文本字段（…）
p标签-1
v-文本字段（…）
.输入组.输入组\输入
字体大小：12px！重要的
P
字号：12px

---

在正文上设置字体系列。如果要导入Vuetify手写笔条目，main.styl将覆盖$font系列变量。

或者您可以创建一个div类并指出这一点

<style lang="stylus" scoped>
  .element
    color white    
    padding 0
    margin 0
    font-size 150%
</style>

.element
      | 一共 : {{ sum("quantity") }} ，....

.元素
白色
填充0
边距0
字体大小150%
.元素
| 一共 : {{总和（“数量”）}。。。。

要更改单个组件（如

文本字段）的字体大小，请在应用程序范围内执行以下操作：

<style>
  .v-text-field input {
    font-size: 1.2em;
  }
</style>

或

最后，还可以将标签作为目标

.v-input .v-label {
    font-size: 1.2em;
}

使用VueJS对我很有效：

<style lang="css" scoped>

.v-text-field >>> input {
    font-size: 0.8em;
    font-weight: 100;
    text-transform: capitalize;
}
.v-text-field >>> label {
    font-size: 0.8em;
}
.v-text-field >>> button {
    font-size: 0.8em;
}

</style>


.v-文本字段>>>输入{
字号：0.8em；
字号：100；
文本转换：大写；
}
.v-text-field>>>>标签{
字号：0.8em；
}
.v-文本字段>>>按钮{
字号：0.8em；
}
您可以使用名为variables.scss或variables.sass的文件在src目录中创建一个名为sass、scss或styles的文件夹。并将scss变量$input font size:12px添加到变量文件中。vuetify加载程序将自动将变量引导到Vue CLI的编译过程中，覆盖框架默认值


$font size root:14px；
$input字体大小：14px使用星号选择器
*
匹配元素或组件的所有后代，然后应用如下字体大小：

.font-class-name * {
   font-size: 14px;
}

然后



希望这能起作用。
他询问的是字体大小，而不是字体系列。对查询的解释很清楚：）同样重要的是，如果您是第一次创建文件，请重新提供应用程序。
.v-input .v-label {
    font-size: 1.2em;
}

<style lang="css" scoped>

.v-text-field >>> input {
    font-size: 0.8em;
    font-weight: 100;
    text-transform: capitalize;
}
.v-text-field >>> label {
    font-size: 0.8em;
}
.v-text-field >>> button {
    font-size: 0.8em;
}

</style>

.font-class-name * {
   font-size: 14px;
}

<v-text-field class="font-class-name"></v-text-field>