问题:
解决:
下面代码是我的HTML结构
<div class="right-container">
<el-dropdown>
<el-avatar shape="square" :src="avatar" fit="cover"></el-avatar>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item>首页</el-dropdown-item>
<el-dropdown-item divided>退出登录</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
</div>
下面代码是解决的CSS(我用SCSS写的,所以可以嵌套样式)
.right-container {
//...省略不相关的样式
.el-avatar {
outline: none;
}
}
如果用CSS,则写成这样
.right-container .el-avatar {
outline: none;
}
总结:
实际上就是在el-dropdown的下一层标签上应用outline: none;
.el-avatar是ElementPlus中的类,是应用在el-avatar组件上的,所以可以这么写。