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

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

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

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

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

相关推荐
Mast Sail5 小时前
WebStrom+Vitesse+Vue3项目路径报错爆红问题
vue·vite·webstorm
全栈前端老曹8 小时前
【前端】Hammer.js 快速上手入门教程
开发语言·前端·javascript·vue·react·移动端开发·hammer.js
response_L8 小时前
PageOffice动态给word插入二维码(或条形码)图片
vue·word·开发工具·二维码·在线编辑
华玥作者1 天前
uni-app + Vite 项目中使用 @uni-helper/vite-plugin-uni-pages 实现自动路由配置(超详细)
前端·uni-app·vue·vue3·vite
狼性书生1 天前
uniapp+vue3实现的简单吐司通知弹窗组件
前端·uni-app·vue·组件·插件
ghostmen1 天前
SpringBoot + Vue 实现 Python 在线调试器 - 技术方案文档
java·python·vue·springboot
qiqiliuwu1 天前
VUE3+TS+ElementUI项目中监测页面滚动scroll事件以及滚动高度不生效问题的解决方案(window.addEventListener)
前端·javascript·elementui·typescript·vue
喔烨鸭1 天前
antdv编辑表格,根据选择时间区间展示动态列
前端·vue·表格编辑
一只小阿乐2 天前
vue-web端网站 滑动进行分页
前端·javascript·vue.js·vue·分页
梁山好汉(Ls_man)2 天前
JS_使用脚本填充基于Vue的用户名密码输入框并触发登录
javascript·elementui·vue