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

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

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

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

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

相关推荐
鱼钓猫的小鱼干1 小时前
table 表格转成 excell 导出
前端·vue·excel
ppo_wu2 小时前
更改 pnpm 的全局存储位置
前端·vue
GISer_Jing2 小时前
Vue3知识弥补漏洞——性能优化篇
javascript·vue.js·性能优化·vue
工业互联网专业21 小时前
Python毕业设计选题:基于python的酒店推荐系统_django+hadoop
hadoop·python·django·vue·毕业设计·源码·课程设计
真的很上进1 天前
如何借助 Babel+TS+ESLint 构建现代 JS 工程环境?
java·前端·javascript·css·react.js·vue·html
龙哥·三年风水2 天前
workman服务端开发模式-应用开发-vue-element-admin封装websocket
分布式·websocket·vue
麦兜*2 天前
轮播图带详情插件、uniApp插件
前端·javascript·uni-app·vue
veminhe2 天前
uni-app使用组件button遇到的问题
uni-app·vue
cronaldo912 天前
研发效能DevOps: Vite 使用 Element Plus
vue.js·vue·devops
yg_小小程序员3 天前
vue3中使用vuedraggable实现拖拽
typescript·vue