外部 css 表覆盖默认的 Vuetify 组件样式

【问题标题】：external css sheet to override default Vuetify component style外部 css 表覆盖默认的 Vuetify 组件样式
【发布时间】：2019-06-27 06:53:52
【问题描述】：

我正在开发一个项目，该项目以 Vue、Vuetify 和 TypeScript 作为其语言构建，我的组织决定不使用 Vuetify 提供的默认主题，而不是使用一些自定义主题，有什么方法可以使用自定义主题，我尝试添加一个 theme.js 文件并添加了一些颜色和字体更改，但是当我尝试设置 vuetify 组件的样式时它不起作用。任何建议

【问题讨论】：

您可以找到手写笔变量列表here。

标签： vue.js vuetify.js

【解决方案1】：

Vuetify 内置了对 css-loader 的支持，因此您可以使用 import * from 'css-library'（或您尝试导入的任何内容）。

Vuetify 特定（a-la-carte）组件每个都有直观的类，您可以在 <style> 或导入的 css 中修改它们，例如：

<template>
  <v-btn></v-btn>
</template>

<style>
  .v-btn {
    padding: 0;
  }
</style>

【讨论】：