项目遇到的css样式

1.

这种怎么写？用radio，我这里用的时element的radio

<div class="menu">
  <span>我的粉丝({{totalNumber}})</span>
  <el-radio-group v-model="radio3" @change.native="getCurrentRow()">
    <el-radio label="全部"></el-radio>
    <el-radio label="专栏"></el-radio>
    <el-radio label="专栏普通用户"></el-radio>
  </el-radio-group>
</div>
这里就写样式的覆盖，原理就时把radio前面的小圆圈display:none;隐藏，然后改文本的样式

el-radio__label就ok

<style lang="less">
  .menu{
  .el-radio__input{
  .el-radio__inner{display: none;}
  }
  .el-radio-group{
  .is-checked{
  .el-radio__label {
    background-color: #2382EA;
    color: #fff;
    padding:10px 11px;
    display: inline-block;
    height:22px;
    border-radius:11px;
    text-align:center;
    line-height:2px;
  }
  }
  }
  }
</style>

2.