修改el-radio的选中样式

最新推荐文章于 2025-04-17 17:02:05 发布

古物店

最新推荐文章于 2025-04-17 17:02:05 发布

阅读量2k

点赞数

分类专栏：前端文章标签： javascript 前端 css

本文链接：https://blog.youkuaiyun.com/weixin_48618258/article/details/127103593

版权

前端专栏收录该内容

14 篇文章

订阅专栏

项目需求，需要更改element-ui中el-radio的选中样式，具体操作如下

/**
  修改el-radio的选中样式
*/
/deep/{
  .el-radio__inner{
    width: 18px;
    height: 18px;
  }
  .el-radio__input.is-checked .el-radio__inner::after {
    content: '';
    width: 8px;
    height: 4px;
    border: 2px solid white;
    border-top: transparent;
    border-right: transparent;
    text-align: center;
    display: block;
    position: absolute;
    top: 4px;
    left: 3px;
    vertical-align: middle;
    transform: rotate(-45deg);
    border-radius: 0;
    background: none;

  }
}