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

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

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

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

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

相关推荐
by__csdn5 小时前
Vue 2 与 Vue 3:深度解析与对比
前端·javascript·vue.js·typescript·vue·css3·html5
❆VE❆5 小时前
【技术分享】前端跨窗口/标签页面通信:掌握以下几种方法,提升用户体验(附带常用场景以及典例)
前端·javascript·性能优化·vue·跨标签通信
我叫张小白。6 小时前
Vue3计算属性:高效数据处理
前端·javascript·vue.js·前端框架·vue
Cassie燁9 小时前
el-button源码解读3——:class="buttonKls"与颜色系统的关系
element·scss
Cassie燁10 小时前
element-plus源码解读3——【scss】颜色系统完整流程
element·scss
by__csdn18 小时前
Vue 中计算属性、监听属性与函数方法的区别详解
前端·javascript·vue.js·typescript·vue·css3·html5
zhu_zhu_xia1 天前
vue3+vite打包出现内存溢出问题
前端·vue
思密吗喽1 天前
宠物商城系统
java·开发语言·vue·毕业设计·springboot·课程设计·宠物
雨雨雨雨雨别下啦1 天前
【从0开始学前端】vue3简介、核心代码、生命周期
前端·vue.js·vue
紫麦熊2 天前
vue3 keepalive
vue·keepalive