问题描述
效果如下，原以为是浏览器的bug，升级后就好了，没想到一直有这个问题
页面刷新后，鼠标经过el-dropdown 组件上会出现一个蓝色的小框
原因
浏览器默认有一个样式，加了一个边框
:focus-visible {
outline: -webkit-focus-ring-color auto 1px;
}
问题解决
知道原因之后，就好处理了
:focus-visible {
outline: none;
}
参考文章
- 使用element-plus中的下拉菜单,当鼠标放上去后出现一个黑框，点击也会出现黑框，点击外面则会消失，怎么去掉这个黑框
