修改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