gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 07:53:51 25 4
gpt4 key购买 nike

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

.v-btn
color: red !important

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

最佳答案

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

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

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

关于vuetify.js - 如何更改 Vuetify 按钮的文本颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52258669/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com