[Bug Report] Switch has outline

[fakaka]

Element UI version

2.4.6

OS/Browsers version

windows 10/Chrome 63

Vue version

2.5.17

Reproduction Link

https://jsfiddle.net/vsmj012/0rx832uf/1/

Steps to reproduce

点击扩展的 value 类型的 Switch 出现边框

What is Expected?

点击扩展的 value 类型的 Switch 不出现边框

What is actually happening?

点击扩展的 value 类型的 Switch 出现边框

[element-bot]

Translation of this issue:

Element UI version
2.4.6

OS/Browsers version
Windows 10/Chrome 63

Vue version
2.5.17

Reproduction Link
https://jsfiddle.net/vsmj012/0rx832uf/1/

Steps to reproduce
Click the extended value type Switch to display the border.

What is Expected?
Click on the extended value type Switch without borders.

What is actually happening?
Click the extended value type Switch to display the border.

[fakaka]

caused by this css?

.el-switch__input:focus~.el-switch__core {
    outline: 1px solid #409eff;
}

  @include e(input) {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0;
    &:focus ~ .el-switch__core {
      outline: 1px solid $--color-primary;
    }
  }

[ziyoung]

@fakaka 我先跟设计师沟通一下，我甚至觉得这个 outline 都可以去掉。