How Do I change font-size in vuetify component

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?

My code likes this.

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

developer tool screenshot

Answer

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

Leave a Reply

Your email address will not be published. Required fields are marked *