尝试更新样式,以使按钮以大写字母而不是全部大写字母呈现。
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'
仍然全部大写
答案 0 :(得分:0)
最后,在研究了webpack和vue-cli之后,我所能做的就是添加到App.vue中:
<style>
.v-btn {
text-transform: none;
}
</style>