在vue+element-ui时会遇到无法修改element-ui样式问题
当style设置为scoped的时,所写的样式对子组件且元素是遍历出来时,样式是不生效的,如果希望样式对子组件也生效,可以使用 /deep/ 深度选择器。
模板
<el-checkbox-group v-model="selForm.classification">
<el-checkbox v-for="(item,idx) in selArr.classification" :key="idx" :label="item.name" :name="item.value"></el-checkbox>
</el-checkbox-group>
css样式
.classification {
height: auto;
overflow: hidden;
.el-checkbox-group {
.el-checkbox {
margin-right: 15px;
// /deep/ 解决样式穿透的问题
/deep/ .el-checkbox__input {
display: none;
}
}
}
}
这是一个案例,如何隐藏复选框。