Vuetify不接受样式更改

时间:2019-04-06 05:28:39

标签: vue.js vuetify.js

尝试更新样式,以使按钮以大写字母而不是全部大写字母呈现。

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'

仍然全部大写

1 个答案:

答案 0 :(得分:0)

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

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