el-tooltip 箭头黑边

el-tooltip 箭头的黑边是由于默认样式的设定所致。根据引用中的描述，可以通过自定义样式来解决这个问题。

解决办法是在你的样式表中，找到 `popper-class` 这个类，并对其进行修改。根据你的需求，你可以设置 `border-color` 的颜色值为你想要的颜色，如图中的浅灰色。同时，为了保证箭头和边框颜色一致，你还需要注意红框处的样式也要保持一致。

需要注意的是，具体的方向（如 `right`）要根据你的 `el-tooltip` 组件所指向的方向进行设置，具体的方向可参考 `element-ui` 的文档。

此外，根据引用中的描述，你还可以通过修改 `.el-tooltip__trigger:focus-visible` 这个类的样式，将 `outline` 设置为 `unset` 或 `none`，以取消焦点时的边框样式。

总结起来，解决 el-tooltip 箭头黑边的问题，你需要按照以下步骤进行操作：

1. 在你的样式表中找到 `popper-class` 类，并设置 `border-color` 的颜色值为你想要的颜色，保持和箭头一致。
2. 注意保持红框处的样式也一致，确保箭头和边框颜色一致。
3. 根据你的 `el-tooltip` 组件的方向，设置对应的方向样式，如 `right`、`left`等。
4. 如果需要，可以取消焦点时的边框样式，通过修改 `.el-tooltip__trigger:focus-visible` 类的样式，将 `outline` 设置为 `unset` 或 `none`。

请注意，以上样式的修改需要在 `APP.vue` 文件中进行，组件内部对样式的修改不会生效。希望这些步骤可以帮助你解决 el-tooltip 箭头黑边的问题。