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

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

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

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

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

相关推荐
劉三岁14 小时前
平板网页开发,px vs rem + 适配方案
vue·电脑
蓝黑202015 小时前
Vue组件通信之emit
前端·javascript·vue
吴声子夜歌15 小时前
Vue3——v-for指令
前端·javascript·vue
滴滴答答哒1 天前
Vue3 动态路由组件加载:后台字符串到前端懒加载组件的完美转换
vue
阿飞不想努力2 天前
文件上传原理与实操
java·spring boot·vue·文件上传
曲幽2 天前
FastAPI+Vue:文件分片上传+秒传+断点续传,这坑我帮你踩平了!
python·vue·upload·fastapi·web·blob·chunk·spark-md5
蓝黑20203 天前
Vue组件通信之v-model
前端·javascript·vue
不会写DN4 天前
Vue3中的computed 与 watch 的区别
javascript·面试·vue
钛态4 天前
前端WebSocket实时通信:别再用轮询了!
前端·vue·react·web
蓝黑20204 天前
Vue组件通信之slot
前端·javascript·vue