vue.js - Vuetify不接受样式更改

尝试更新样式，以使按钮以大写而不是全部大写的形式呈现。

vue --version是3.5.5

添加了src / stylus / main.styl

$button-text-transform = 'capitalize'
@require '~vuetify/src/stylus/app'

main.js包括:

import "./stylus/main.styl"

问题是按钮中的文本仍为大写:

Chrome浏览器显示样式:

.v-btn {
  text-transform: uppercase;
}

我还有什么需要做的事情才能让应用提取触控笔？

编辑:
将main.styl更改为:

@import '~vuetify/src/stylus/app'
$button-text-transform = 'capitalize'
@import '~vuetify/src/stylus/main'

仍然全部大写

最佳答案

最后，在研究了webpack和vue-cli之后，我所能做的就是添加到App.vue中:

<style>
.v-btn {
  text-transform: none;
}
</style>

关于vue.js - Vuetify不接受样式更改，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55546185/