element ui点击按钮弹出款_【已解决】vue-element-admin升级到Element-UI 2.0.1后：点击按钮有蓝色边框显示...

折腾：

期间，点击按钮，会显示蓝色边框，很难看：

需要去解决此问题。

且注意到：之前vue-element-admin中为何没有此问题

而现在升级了element-ui到2.0.1后

以及vue到2.5.2后

出现此问题。

element-ui 按钮 点击 蓝色边框* {

outline: none;

}

/* remember to define focus styles! */

:focus {

outline: 0;

}

所以感觉不应该仅仅是去加：

button{

outline:none;

}

“upload组件在chrome浏览器上点击的时候会出现蓝色的边框。。。这个解决一下啊之前在测试版本就这样。 @Leopoldthecoder”

难道是element-ui官网库本身的问题。

先去想办法，找到全局加载css配置的地方，去试试那个配置

看到此处已经在：

src/styles/index.scss

有了配置：a:focus,

a:active {

outline: none;

}

所以去加上：:focus {

outline: 0;

}

结果就可以了：

【总结】

Element-UI的最新的2.0(2.0.1/2.0.2)的按钮，在点击(获得焦点的时候)会出现蓝色边框

解决办法是：

(给此处的

vue-element-admin的模板：

中的

src/styles/index.scss

)

加上css配置：:focus {

outline: 0;

}

即可。

表示：当各种组件，包括此处的按钮，(被点击后)获得焦点时，外部边框为空(不显示蓝色边框)。