问题描述

效果如下，原以为是浏览器的bug，升级后就好了，没想到一直有这个问题

页面刷新后，鼠标经过el-dropdown 组件上会出现一个蓝色的小框

原因

浏览器默认有一个样式，加了一个边框

:focus-visible {outline: -webkit-focus-ring-color auto 1px;
}

问题解决

知道原因之后，就好处理了

:focus-visible {outline: none;
}

参考文章

1. 使用element-plus中的下拉菜单,当鼠标放上去后出现一个黑框，点击也会出现黑框，点击外面则会消失，怎么去掉这个黑框