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

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

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

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

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

相关推荐
Da Zeng8 小时前
VUE3 script 标准写法顺序
vue
Mr-Wanter8 小时前
vue 解决img图片路径存在但图片无法访问时显示错误的问题
前端·vue·img
球球不吃虾9 小时前
分享一个简单的交互式塔罗牌抽牌应用
前端·vue
biyezuopinvip1 天前
基于Spring Boot的社区互助平台设计与实现(毕业论文)
java·spring boot·vue·毕业设计·论文·毕业论文·社区互助平台设计与实现
joan_851 天前
input禁止自动填充
前端·elementui·vue
充气大锤1 天前
前端实现流式输出配合katex.js
开发语言·前端·javascript·ai·vue
Ahtacca1 天前
拒绝重复造轮子:利用自定义注解封装POI,实现Java通用Excel解析
java·javascript·vue·excel
IT教程资源2 天前
N-159基于springboot,vue,AI协同过滤算法旅游推荐系统
mysql·vue·前后端分离·springboot旅游推荐·协同过滤算法旅游推荐·ai旅游推荐
wanzhong23333 天前
开发日记13-响应式变量
开发语言·前端·javascript·vue