悬停在头像上出现黑框怎么办？

来源：3-13 设计MIS端Frame页面

zippen

2024-05-13

代码跟老师的是一模一样的，因为是复制粘贴的，怎么点击右边的头像或者悬停在头像上都会出现黑框，但又不知道怎么修改。。
图片描述

写回答

2回答

鴥彼晚风

2025-07-22

遇见+1。借助大模型对代码进行分析，可能的问题是：与el-dropdown-link的样式有关。

解决办法之一：

// 强制覆盖Element Plus下拉菜单项样式
<style lang="scss">
// @import url('main.less');
@import '../../assets/scss/index.scss';
.avatar-container{
  vertical-align: -8px;
  margin-right: 5px;
}

// 强制覆盖Element Plus下拉菜单项样式
.el-dropdown-link {
  &:hover,
  &:focus,
  &:active {
    background-color: transparent !important;
    outline: none !important; // 强制覆盖浏览器默认焦点样式
  }
}
</style>

zippen

提问者

2024-05-13

已解决。排查了一下发现是这个东西作怪

:focus-visible {
		outline: -webkit-focus-ring-color auto 1px;
		}

SpringBoot+Vue3+MySQL集群开发大健康体检双系统

SpirngBoot+Vue3+ MySQL集群开发大健康体检双系统

334 学习 · 218 问题

查看课程

相似问题

出现了与其他提问一样的报错信息

回答 2

在RestKit里面测试的接口的时候，为什么没有校验权限

回答 1

@current="handleCurrentConversation" 点击没反应

回答 3

代码测试时报RedisConnectionFailureException，请问怎么解决

回答 2

只有mysql_1同步mysql_4的时候出现slave_sql_running=no

回答 2

打开慕课网App查看更多内容