修改element中的el-switch的样式


将el-switch的样式修改成如下的样式的需求

代码如下
::v-deep .el-switch__core {
width: 30px;
height: 10px;
background: #b1b4bc !important;
border: #b1b4bc !important;
&:after {
width: 16px;
height: 16px;
background: #78849f;
top: -4px;
left: -1px;
}
}
::v-deep .el-switch.is-checked .el-switch__core{
background-color: #9ab6fc !important;
&:after {
width: 16px;
height: 16px;
background-color: #0249f7 !important;
top: -3px;
left: 44px;
}
}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM