vuetifyコンポーネントでフォントサイズを変更する方法

Question

vue-loaderでv-text-fieldを使用し、v-selectを使用します。
フォントサイズを変更しようとしましたが、できませんでした。 どのようにフォントサイズを変更できますか？

私のコードはこれが好きです。

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

体のフォントファミリを設定します。 Vuetifyスタイラスエントリをインポートする場合、main.stylは$ font-family変数を上書きします。

Answer 2

またはdivクラスを作成してこれを指摘できます。

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

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