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

Question

<FormItem label="姓名" prop="name" :label-width="80" id='fontsize'>
        <Input v-model="customer.name"></Input>
 </FormItem>
      
      
      
      ======== 姓名 默认是12px 我要改大  但是无效果
      

Answer 1

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

Answer 2

看一下是不是用了scoped

Answer 3

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