el-checkbox-group修改默认样式，el-checkbox-group自定义样式案例

HuiRonmantic

已于 2024-05-22 11:07:55 修改

阅读量3.5k

点赞数

分类专栏：大前端文章标签：前端 vue.js css

于 2022-09-05 09:51:45 首次发布

本文链接：https://blog.csdn.net/weixin_41346436/article/details/126698899

版权

大前端专栏收录该内容

25 篇文章 7 订阅 ¥15.90 ¥99.00

订阅专栏

超级会员免费看

el-checkbox-group修改默认样式，el-checkbox-group自定义样式，一般情况下这种需求还是比较常见的，今天在此做个小记录！

效果图：

在这里插入图片描述

代码：

DOM结构
 <div class="ceshiBox">
      <h2>el-checkbox-group多选框修改默认样式，自定义样式测试案例</h2>
      <el-checkbox-group v-model="checkList">
        <el-checkbox label="A" disabled></el-checkbox>
        <el-checkbox label="B" disabled></el-checkbox>
        <el-checkbox label="C" disabled></el-checkbox>
        <el-checkbox label="D" disabled></el-checkbox>
        <el-checkbox label="E" disabled></el-checkbox>
        <el-checkbox label="F" disabled></el-checkbox>