项目遇到的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.

项目遇到的css样式

原文地址：https://www.cnblogs.com/myfirstboke/p/9139357.html