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>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章