vuetify.js - 如何更改 Vuetify 按钮的文本颜色？

Question

也许我遗漏了一些明显的东西，但我无法找出更改 v-btn 中文本颜色的正确方法。这可行，但必须使用 !important 似乎并不理想:

.v-btn
  color: red !important

据我所知，color 属性仅适用于背景颜色。我想我可以在调用 Vue.use(Vuetify, { theme: {...}} ) 时更改主题主要/次要，但是如果我想覆盖单个组件怎么办？ p>

Answer 1

有css classes要为 vuetify 中任意位置的文本着色，只需将 --text 附加到颜色即可。
例如

<v-btn class="red--text">

它也应该与您的主题中定义的颜色一起使用，例如primary--text 及类似内容。
请注意，这并不是特定于 v-btn，类应该在任何地方都可以工作。