el-checkbox-group下的每个复选框不显示label值，请问是什么原因？

贴上代码：

<el-checkbox-group v-model="formData.settingList">
   <el-checkbox label="ReadingStatus">是否开启阅读状态标记</el-checkbox>
   <el-checkbox label="Comment">是否开启评论</el-checkbox>
   <el-checkbox label="SingleMessage">允许设置单篇信息阅读人员</el-checkbox>
   <el-checkbox label="Attachment">信息发布时夹带附件</el-checkbox>
</el-checkbox-group>

效果像这样：
img

这里v-model="formData.settingList"，是表单数据里的一个数组，我是照着官方文档写的啊，我也不明白为什么会不显示，我查看了控制台内容好像是因为element自带的CSS导致的：
img
如果把这行代码注释就能成功显示了：
img
请问一下大家这是因为什么呢？怎么解决？

害到现在不知道什么原因，我的解决办法就是强制给这个字体大小设置成了14px，代码如下：

.el-checkbox,
    .el-radio,
    .el-checkbox > .el-checkbox__label,
    .el-radio > .el-radio__label {
        font-size: 14px !important;
    }

别沉啊别沉

是不是你这里有父级元素 字体大小是0 然后 你这个又强制important 继承字体大小