<el-radio v-model="radio" label="1" @change="load">模块一</el-radio>
<el-radio v-model="radio" label="2" @change="dimission">模块二</el-radio>
radio:'1',//默认是模块一
//样式修改代码
<style style lang="scss" scoped>
// box 最外层盒子的类名
.box{
/deep/{
.el-radio{
.el-radio__label{
color: #9B9B9B !important; //设置未被选中时文字的颜色
}
.el-radio__input{
&.is-checked { //被选中时
.el-radio__inner{ //被选中时边框和背景的颜色
background-color:#FF6F25;
border-color:#FF6F25;
}
}
.el-radio__inner{
&:hover{
border-color:#FF6F25; //悬停时边框的颜色
}
}
}
.el-radio__input.is-checked + .el-radio__label{ //设置被选中时文字的颜色,直接
elementui el-raido样式修改
最新推荐文章于 2024-06-19 15:29:29 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)