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

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

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

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

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

相关推荐
前端慢慢其修远1 天前
利用signalR实现简单通信(Vue2+C#)
c#·vue
sg_knight1 天前
如何通过 CSS 实现走马灯效果(纯前端实现)
前端·javascript·css·vue·web·走马灯
Aliex_git1 天前
性能优化 - 构建效率优化
前端·笔记·webpack·性能优化·vue·团队开发
子午1 天前
【2026原创】基于Vue3的实验室预约管理系统实现
python·vue
RAY_CHEN.1 天前
当修改node_modules第三方包后 打补丁
npm·vue
前端小讴1 天前
ElementUI:表格如何展示超出单元格的内容且不影响单元格?
前端·javascript·elementui·vue
Lubase2 天前
LuBase介绍&私有化部署教程
java·spring boot·低代码·gitee·vue
胡斌附体3 天前
vue打包测试环境
vue·打包·build·test·env环境文件
yyt3630458413 天前
K 线图高性能窗口化渲染
前端·javascript·css·vue.js·gitee·vue
爱分享的鱼鱼3 天前
前端密码验证详解:Vue3+Element Plus 方案/纯血Vue 3 方案:从语法解析到实战实现
vue.js·element