尝试更新样式,以使按钮以大写而不是全部大写的形式呈现。
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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句