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

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

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

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

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

相关推荐
蓝黑20209 小时前
Vue组件通信之v-model
前端·javascript·vue
不会写DN11 小时前
Vue3中的computed 与 watch 的区别
javascript·面试·vue
钛态14 小时前
前端WebSocket实时通信:别再用轮询了!
前端·vue·react·web
蓝黑202016 小时前
Vue组件通信之slot
前端·javascript·vue
蓝黑20201 天前
Vue的 value=“1“ 和 :value=“1“ 有什么区别
前端·javascript·vue
小彭努力中2 天前
204.Vue3 + OpenLayers:加载 GIF 文件(CSS 背景实现动画标记)
前端·css·vue·openlayers·geojson·webgis
陶甜也2 天前
3D智慧城市:blender建模、骨骼、动画、VUE、threeJs引入渲染,飞行视角,涟漪、人物行走
前端·3d·vue·blender·threejs·模型
NPCZ2 天前
vite与tailwindcss创建大屏可视化项目
vue
蓝黑20202 天前
Vue导入和注册组件
前端·javascript·vue
有来技术2 天前
Vite 8 全面 Rust 化!vue3-element-admin 升级实战,构建提速 65%
前端·vue.js·前端框架·vue