首页 前端知识 Vue3 - Element Plus 去除下拉菜单周围出现黑色边框轮廓,当用鼠标移入和点击聚焦时就会出现 “黑边“ 的情况,无论里面是什么 HTML 元素和组件都会由此问题(完美解决方案)

Vue3 - Element Plus 去除下拉菜单周围出现黑色边框轮廓,当用鼠标移入和点击聚焦时就会出现 “黑边“ 的情况,无论里面是什么 HTML 元素和组件都会由此问题(完美解决方案)

2024-01-25 11:01:34 前端知识 前端哥 479 406 我要收藏

前言

在 Element Plus 组件库中,使用 dropdown 下拉菜单时鼠标点击或移入时周围出现黑色边框问题。

本文 实现了 vue3 element plus 项目开发中,隐藏下拉菜单 el-dropdown-menu / el-dropdown-item 周围的边框,

如下图所示,当鼠标移入(hover)和点击时就会围绕一圈黑色边框,但通过本文的方案 100% 完美解决。

在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/312.html
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!