组件中更改字体大小

组件中更改字体大小

本文介绍了如何在 vuetify 组件中更改字体大小的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我在 vue-loader 中使用 v-text-field 和 v-select.
我试图改变字体大小,但我不能.如何更改字体大小?

I use v-text-field, and v-select, with vue-loader.
I tried to change font-size, but I could not.How Do I change font-size?

我的代码喜欢这个.

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

开发者工具截图

推荐答案

在 body 上设置 font-family.如果您要导入 Vuetify 手写笔条目,则 main.styl 会覆盖 $font-family 变量.

Set the font-family on body. If you are importing the Vuetify stylus entry, main.styl overwrite the $font-family variable.

这篇关于如何在 vuetify 组件中更改字体大小的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-04 19:04