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

HuiRonmantic

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

阅读量4.3k

点赞数

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

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

本文链接：https://blog.youkuaiyun.com/weixin_41346436/article/details/126698899

版权

大前端专栏收录该内容

35 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

这篇博客记录了如何修改el-checkbox-group的默认样式，提供了具体的案例展示和相关代码，帮助前端开发者实现自定义样式的需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

了解本专栏