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

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

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

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

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

相关推荐
@AfeiyuO38 分钟前
封装ElementPlusIcons图标和系统应用内置图片为应用图标
vue
JELEE.43 分钟前
Vue3复习笔记
vue.js·笔记·vue
by__csdn3 小时前
第二章 (.NET Core环境搭建)第二节( Visual Studio Code)
ide·vscode·c#·vue·asp.net·.net·.netcore
是梦终空4 小时前
JAVA毕业设计253—基于Java+Springboot+vue3+协同过滤推荐算法的传统服饰文化平台(源代码+数据库+任务书+12000字论文)
java·spring boot·vue·毕业设计·课程设计·协同过滤推荐算法·传统服饰文化平台
水宁成冰18 小时前
前端静态网站Lighthouse评分优化,vue3项目
前端·vue
前端无涯19 小时前
TypeScript 完整学习指南:从基础到工程化实践
typescript·vue·react
邂逅星河浪漫1 天前
【Dify-Chatflow】简历优化助手实现+前后端分离式系统集成+Docker容器化部署)
java·docker·vue·springboot·dify·apifox
by__csdn1 天前
Vue3 大文件分片上传完整指南:图片/视频附件高效传输方案
前端·javascript·vue.js·typescript·vue·css3·html5
gzmyh1 天前
thinkphp8+vue3整合的工作流实战demo
vue·php·workflow·工作流
离别又见离别2 天前
vue使用js渲染组件案例(公用打印组件动态渲染)及静默打印实现
前端·javascript·vue