使用el-radio设置胶囊样式

风向北吹i

于 2021-11-22 09:21:42 发布

阅读量415

点赞数

文章标签： vue.js 前端 elementui

本文链接：https://blog.csdn.net/qq_40576178/article/details/121464834

版权

在这里插入图片描述
css:

	.el-radio-button__inner {
          background: transparent;  
          border:1px solid #d9bb95;
          color: #685b4b;
          font-size: 25px;
          font-weight: 700;
        }
        .el-radio-button:first-child .el-radio-button__inner{
          border-radius: 25px 0 0 25px;
        }
        .el-radio-button:last-child .el-radio-button__inner{
          border-radius:0 25px 25px 0;
        }
        .el-radio-button__orig-radio:checked+.el-radio-button__inner{
          background-color: #d9bb95;
          border-color: #d9bb95;
          color:#1a1c19;
        }