改变elementui的switch宽度、高度

原格式

 

源码

<el-switch
  v-model="value1">
</el-switch>

颜色改变(改变的是打开背景色)

<el-switch
    v-model="value1"
    active-color="#B0C4DE"
>
</el-switch>

注：inactive-color 关闭时的背景色

更改宽度和高度

<style>
 
  >>>.el-switch__core{
    width:35px!important;
    height:15px;
    /*color:#409EFF;*/
  }
  /*设置圆*/
  >>>.el-switch__core::after{
    width:14px;
    height:14px;
    margin-top:-1px;
    margin-bottom: 2px;
  }

</style>

>>>是什么意思我也不知道，就是感觉不用在别人的样式上，可以改掉样式，有人知道的请告知，谢谢

其效果如下：