Vue樣式deep和穿透>>>修改樣式

<style lang="scss" scoped>
/* 修復input 背景不協調 和光標變色 */
/* Detail see https://github.com/PanJiaChen/vue-element-admin/pull/927 */

//去掉type=number 帶上下箭頭的問題
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"] {
  -moz-appearance: textfield;
}
//歷史
input:-webkit-autofill {
color: #ffffff!important;
-webkit-text-fill-color: rgba(0,0,0,0);
box-shadow: 0 0 0 1000px red inset;
}
::v-deep .el-input__inner {
      background-color:#00132c!important;
      border:none;
      color: #fff;
    }
</style>

2、關於deep和>>>穿透使用說明

1-1:在scss/sass/less中使用/deep/樣式穿透

　　#parent /deep/ .swiper-pagination-bullet{
      background-color: 'red';
　　}


1-2:在stulys中使用：>>>實現樣式穿透

　　#parent >>> .swiper-pagination-bullet-active {
     border-radius: 'unset';
　　}