按钮英文字母大小写-默认样式修改-vuetify

按钮英文字母大小写-默认样式修改-vuetify

---

目录

---

---

内容

---

1、问题

按钮上的文本我们想当然的认为，应该是写什么就显示什么，真是是这样吗？

• 图示：

事实是vuetify的按钮英文字母不论你大写还是小写，它都给你转为大写

之前用vuetify的按钮文字都是写的汉字，这个问题一直没有发现。最近又网友发现这个问题，我试了下，还真是。

2、解决

• 查找问题

  1. 既然不管大写还是小写都转位大写，那么是不是某个属性默认控制大写
  2. 找了下v-btn的默认属性，哎还真是：

• 怎么修改vuetify的默认属性呢

  1. 遇事不决，既然是样式那就f12,

• 修改属性

  • 局部修改：在当前页面

      <style lang='scss' scoped>
      .v-btn {
        text-transform: none;
      }
      </style>
    

  • 全局修改：下面代码放入全局样式文件中

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

• 效果：

问题得到初步解决，如果找到更好的解决方法，在更新。

后记 ：

  欢迎交流，本人QQ:806797785

项目源代码地址：https://gitee.com/gaogzhen