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

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

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

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

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

相关推荐
蜡台4 小时前
SPA(Single Page Application) Web 应用(即单页应用)架构模式 更新
前端·架构·vue·react·spa·spa更新
猪八宅百炼成仙9 小时前
解决 el-date-picker type:daterange 在 layout 布局中的宽度问题
前端·element
Betelgeuse769 小时前
Django 项目远程服务器部署教程:从开发到生产
python·django·vue
初级见习猿工16 小时前
使用pdfjs-dist在Vue 3中实现PDF文件浏览器预览
javascript·vue·pdfjs-dist
A_nanda16 小时前
ZR.Admin.NET后台管理系统
vue·.net·zradmin
十七号程序猿2 天前
Java图书管理系统 | 无需配置任何环境,双击一键启动,开箱即用
java·spring boot·vue·毕业设计·毕设·源代码管理
终端鹿2 天前
Vue3 + Pinia 实战深度解析
vue
BugShare2 天前
有趣味的登录页它踏着七彩祥云来了
vue·css3
Harriet嘉3 天前
vscode结合code buddy 和figma还原UI设计稿
vue·figma
木斯佳4 天前
前端八股文面经大全:阿里云AI应用开发二面(2026-03-21)·面经深度解析
前端·css·人工智能·阿里云·ai·面试·vue