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

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

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

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

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

相关推荐
钛态8 小时前
前端微前端架构:大项目的救命稻草还是自找麻烦?
前端·vue·react·web
钛态8 小时前
前端趋势:别被时代抛弃
前端·vue·react·web
前端尤雨西17 小时前
ElementPlus 源码之 packages 目录
前端·element
恶猫19 小时前
网页自动化模拟操作时,模拟真实按键触发事件【终级方案】
前端·javascript·自动化·vue·网页模拟
无心使然云中漫步1 天前
Openlayers调用ArcGis地图服务之五 —— 要素识别(/identify)
前端·arcgis·vue·数据可视化
蜡台1 天前
H5入住浙里办App详细步骤
vue·uniapp·h5·浙政钉
呱牛do it2 天前
企业级门户网站设计与实现:基于SpringBoot + Vue3的全栈解决方案(Day 7)
java·vue
呱牛do it4 天前
企业级门户网站设计与实现:基于SpringBoot + Vue3的全栈解决方案(Day 5)
java·vue
无心使然云中漫步5 天前
Openlayers调用ArcGis地图服务之一 —— 地图切片(/tile)
前端·arcgis·vue·数据可视化
Python私教5 天前
我在开发 ShadcnVueAdmin 时发现了一个 Claude Code 超级插件
vue