Element switch開關顯示問題

今天遇到一個Element Switch控件的問題。如圖：

正常效果：

解決：

1. 去掉組件<style>節點的scoped
2. 添加如下樣式：

   .el-switch__core:after {
       content: "";
       position: absolute;
       top: 1px;
       left: 1px;
       border-radius: 100%;
       transition: all .3s;
       width: 16px;
       height: 16px;
       background-color: #fff;
     }
   
     .el-switch.is-checked .el-switch__core:after {
       left: 100%;
       margin-left: -17px;
     }
   

說點題外話：
在實際的開發中，我們常常會修改Element控件的默認樣式，如果設計到大部分控件的樣式都需要修改的話，建議直接將Element ui的css下載下來直接修改。
然後在main.js中不引入Elment的樣式，而是引入自己修改後的樣式文件即可。