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

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

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

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

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

相关推荐
你真的可爱呀1 小时前
4.前后端联调(Vue3+Vite + Express + MySQL)
mysql·node.js·vue·express
前端老曹2 小时前
vue3 三级路由无法缓存的终极解决方案
前端·javascript·vue.js·vue
行走的陀螺仪13 小时前
高级前端 Input 公共组件设计方案(Vue3 + TypeScript)
前端·javascript·typescript·vue·组件设计方案
by__csdn17 小时前
微前端架构:从理论到实践的全面解析
前端·javascript·vue.js·架构·typescript·vue·ecmascript
Felix_Fly19 小时前
用 Vue3 + naive-cron 开发 Cron 表达式工具:从 0 到 1 实现生成 + 反解析
前端·javascript·vue.js·vue·cron·naive
@AfeiyuO1 天前
Vue3 旭日图
vue·echarts
by__csdn1 天前
JavaScript性能优化:减少重绘和回流(Reflow和Repaint)
开发语言·前端·javascript·vue.js·性能优化·typescript·vue
是梦终空2 天前
计算机毕业设计252—基于Java+Springboot+vue3+协同过滤推荐算法的农产品销售系统(源代码+数据库+2万字论文)
java·spring boot·vue·毕业设计·源代码·协同过滤算法·农产品销售系统
Beginner x_u2 天前
从组件点击事件到业务统一入口:一次前端操作链的完整解耦实践
前端·javascript·vue·业务封装
苏打水com2 天前
第十篇:Day28-30 工程化优化与部署——从“能跑”到“好用”(对标职场“项目上线”需求)
前端·css·vue·html·js