使用element-plus中的 dropdown 下拉菜单时,点击或聚焦时会出现黑色外边框。
效果如下
通过控制台选中时,发现有该属性
outline 是CSS的属性, outline
属性是在一条声明中设置多个轮廓属性的简写属性。
outline 和 border 属性很类似。但有如下区别:
- outline 不占据空间,绘制于元素内容周围。
- 根据规范,outline 通常是矩形,但也可以是非矩形的。
解决方式如下:
通过选中该类名并找到 :focus-visible伪类并设置 outlin 为 unset / none
:deep(.el-tooltip__trigger:focus-visible) {
outline: unset;
}