如何修改 iview 中label的字体大小,我复写了样式没有用

冰霜
  • 360
<FormItem label="姓名" prop="name" :label-width="80" id='fontsize'>
        <Input v-model="customer.name"></Input>
 </FormItem>
      
      
      
      ======== 姓名 默认是12px 我要改大  但是无效果
      
回复
阅读 11.6k
3 个回答

首先确定自己写的样式层级是否正确,权重是否足够 可以通过浏览器来查看元素样式
如果没有你的样式 说明你的层级错了
如果有你的样式但是没有生效 说明你的权重不够
还有一种就是排查是否是通过js来动态赋值的样式

看一下是不是用了scoped

如果你的style是私有的,是无法修改到组件样式的,你检查下是不是写成了<style scoped ></style>,如果想要修改组件的样式,可以直接<style></style>里面写就可以了,但是这么改就会全局修改了。建议用css选择器选中你当前想要修改的那个就好,避免全局修改

宣传栏