问题描述
效果如下，原以为是浏览器的bug，升级后就好了，没想到一直有这个问题
页面刷新后，鼠标经过el-dropdown 组件上会出现一个蓝色的小框
原因
浏览器默认有一个样式，加了一个边框
:focus-visible {
outline: -webkit-focus-ring-color auto 1px;
}
问题解决
知道原因之后，就好处理了文章来源：https://www.toymoban.com/news/detail-534267.html
:focus-visible {
outline: none;
}
参考文章文章来源地址https://www.toymoban.com/news/detail-534267.html
- 使用element-plus中的下拉菜单,当鼠标放上去后出现一个黑框，点击也会出现黑框，点击外面则会消失，怎么去掉这个黑框
到了这里，关于css：鼠标经过el-dropdown 组件上会出现一个蓝色的小框的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
