如何更改vuestic <va-select> (或vuetify <v-select>)的字体样式？

Question

我使用Vuestic作为模板(基于Vuetify)，我的组件(类似于)奇怪地显示了所选选项(在输入字段中)和要选择的下拉选项的不同字体。

有没有办法把所有的字体都设置成相同的字体？(我试着在“样式”字段中设置“字体系列”，但没有起作用)。

不同字体的My：https://i.stack.imgur.com/pqEKj.png

Answer 1

我也有这个问题，我做了以下修改，解决了这个问题：

在App.vue中，将font-family: "Source Sans Pro", Avenir, Helvetica, Arial, sans-serif;声明从#app作用域移到body选择器中.

<template>
  <router-view />
</template>

<style lang="scss">
@import "~@/sass/main.scss";
#app {
/* FROM HERE ✂️ */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}

body {
  /* TO HERE  */
  font-family: "Source Sans Pro", Avenir, Helvetica, Arial, sans-serif;
  margin: 0;
  background: var(--va-background);
}
</style>