使用element-plus中的下拉菜单，当鼠标放上去后出现一个黑框
这个黑框通常是浏览器默认的 :focus 状态下的轮廓（outline）。你可以通过 CSS 来去除这个黑框。
在你的样式文件中添加以下 CSS 代码：
/* 移除所有元素的焦点轮廓 */
*:focus {
outline: none;
}
/* 或者只针对 Element Plus 下拉菜单移除焦点轮廓 */
.el-dropdown:focus,
.el-dropdown-menu__item:focus,
.el-dropdown__reference:focus {
outline: none;
}确保将此 CSS 添加到全局样式文件中，这样可以确保所有使用 Element Plus 下拉菜单的元素在获得焦点时都不会显示黑框。
评论已关闭