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

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

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

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

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

相关推荐
常宇佳1 小时前
vue3 @代指src路径设置
前端·typescript·vue
北城笑笑4 小时前
Server 18 ,Nginx + Vite 前端部署排错实战:从 `/api/gpt/chat` 404 到 9012 后端服务的完整定位过程
linux·运维·前端·nginx·ubuntu·vue
小强库计算机毕业设计4 天前
SpringBoot+Vue3 学生宿舍管理系统实战
java·spring boot·后端·vue·学生宿舍管理系统
TELL5216 天前
vue前端架构
vue
南城以南溫暖如初1476 天前
社区健身小程序开发流程详解:技术选型与实施经验分享
java·经验分享·spring boot·mysql·vue·apache
万亿少女的梦1686 天前
基于Spring Boot、Vue与MySQL的私人健身教练预约管理系统设计
java·spring boot·mysql·vue·预约管理
满栀5858 天前
vue动态路由效果
前端·javascript·vue.js·前端框架·vue
碧水澜庭8 天前
头条【vue+fastapi 】全栈教学项目系列之《02_双系统零基础环境搭建手册》
vue·fastapi
DsirNg10 天前
从 `@wheel.prevent.stop` 到事件捕获:一次讲清浏览器事件流与 Vue 事件修饰符
javascript·vue·事件修饰符·事件冒泡·dom 事件·事件捕获·wheel
其美杰布-富贵-李10 天前
Vue 3 模板语法速通:彻底理解 `:`、`@`、`#`、`v-if`、`v-for` 与 `v-model`
vue