element + el-dropdown 去掉悬浮上去的黑框

在2.2.31更新后,点击、hover会触发:focus-visible的状态,导致会有黑框,影响美观,这是浏览器默认的:focus 样式。要去除这个黑框,你可以通过CSS覆盖默认的:focus 样式。

以下是一个CSS样式示例,用于去除悬浮菜单触发时出现的黑框:

复制代码
.el-tooltip__trigger:focus {
    outline: none;  // unset 这个也行
  }

提示:如果不想影响全局样式,造成样式污染,还请在前面加上一层自定义类名

相关推荐
小徐不会敲代码~4 小时前
Vue3 学习 5
前端·学习·vue
今天有个Bug20 小时前
【计算机毕业设计】流浪动物救助平台 - SpringBoot+Vue
sql·mysql·spring·vue·毕业设计·课程设计
捧 花1 天前
前端如何调用后端接口(HTML + JS & Vue )
服务器·golang·vue·api·前后端交互
扶我起来还能学_1 天前
Vue3 proxy 数据响应式的简单实现
前端·javascript·vue
IT教程资源D1 天前
[N_101]基于springboot,vue企业网盘系统
mysql·vue·前后端分离·springboot网盘
星光一影1 天前
智慧停车与充电一体化管理平台:打造城市出行新生态
mysql·vue·能源·springboot·uniapp
dreams_dream1 天前
Element UI菜单折叠后的el-menu-item属性无法修改问题解决
前端·vue
雪碧聊技术2 天前
用户登陆时,动态获取菜单图标
vue·elementplus·菜单图标icon
runepic2 天前
Vue3 + Element Plus 实现PDF附件上传下载
前端·pdf·vue
星光一影3 天前
教育培训机构消课管理系统智慧校园艺术舞蹈美术艺术培训班扣课时教务管理系统
java·spring boot·mysql·vue·mybatis·uniapp