element-plus 去除 [ dropdown ] 有时当鼠标移入标题时会出现外边框怎么全局设置

Element Plus 是一个基于 Vue 3 的组件库，它是 Element UI 的官方继承版本。在使用 Element Plus 的 `dropdown` 组件时，如果出现了鼠标移入标题时外边框的问题，这通常是由于样式覆盖或者是组件内部状态导致的边框显示。

要全局设置去除这种不必要的边框，你可以通过以下几种方式解决：

1. **全局样式覆盖**：可以在全局样式文件（如 `app.css` 或 `app.scss`）中添加 CSS 规则来覆盖默认的边框样式。例如：

/* 全局覆盖 dropdown 边框样式 */
/deep/ .el-dropdown-menu {
    border: none !important;
}

注意，如果你使用的是 scss，可能需要去掉 `/deep/` 这个选择器的注释。

2. **Element Plus 全局配置**：在一些情况下，Element Plus 组件的默认样式可以通过全局配置进行调整。不过，对于 `el-dropdown-menu` 的边框样式，目前没有直接的全局配置项可以修改，因此通常需要采用样式覆盖的方法。

3. **检查父组件样式**：如果边框并不是由 Element Plus 内部引起，那么可能需要检查 `el-dropdown` 的父组件是否有影响到的样式规则。可能是由于父组件的 CSS 属性影响到了下层的子组件。