Vuetify不拾取样式更改

vltsax25 于 2023-04-07 发布在 Vue.js

关注(0)|答案(1)|浏览(170)

尝试更新样式，以便按钮以大写形式呈现，而不是全部大写。
vue版本是3.5.5
新增src/stylus/main.styl

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

main.js包含：

import "./stylus/main.styl"

问题是按钮中的文本仍然是大写的：
Chrome inspect显示样式：

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

我还需要做什么才能让应用程序拾取样式吗？
编辑：将main.styl更改为：

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

还是全大写

1条答案

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

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