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

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

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

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

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

相关推荐
双普拉斯5 小时前
打造工业级全栈文件管理器:深度解析上传、回收站与三重下载流控技术
spring·vue·js
码界筑梦坊5 小时前
356-基于Python的网易新闻数据分析系统
python·mysql·信息可视化·数据分析·django·vue·毕业设计
吴声子夜歌11 小时前
Vue3——渲染函数
前端·vue.js·vue·es6
2501_9136800012 小时前
Vue3项目快速接入AI助手的终极方案 - 让你的应用智能升级
前端·vue.js·人工智能·ai·vue·开源软件
吕永强13 小时前
基于SpringBoot+Vue校园报修系统的设计与实现(源码+论文+部署)
vue·毕业设计·springboot·毕业论文·报修系统·校园报修
阿部多瑞 ABU1 天前
《智能学号抽取系统》V5.9.5 发布:精简代码,修复移动端文件读取核心 Bug
vue·html·bug
吴声子夜歌3 天前
Vue3——表单元素绑定
前端·vue·es6
DazedMen5 天前
前端自定义接口返回,想咋玩就咋玩
前端·vue·接口拦截
劉三岁5 天前
平板网页开发,px vs rem + 适配方案
vue·电脑
蓝黑20205 天前
Vue组件通信之emit
前端·javascript·vue