修改el-popover 底层样式

如果你想修改 Element UI 中 Popover 的底层样式，你需要直接操作其 CSS 类名或者利用自定义主题 (Custom Theme) 来定制。Element UI 提供了 `el-popover` 和内部元素的默认样式，例如 `.el-popover__arrow`, `.el-popover__content` 等。

1. **直接修改 CSS**:
可以在项目的全局 CSS 文件或者组件样式文件中添加或覆盖相关的样式，比如：

   .el-popover {
     background-color: #custom-background; /* 自定义背景色 */
     border-radius: 5px; /* 自定义圆角 */
     box-shadow: none; /* 关闭阴影 */
   }
   
   .el-popover__arrow {
     border-top-color: transparent !important;
   }

2. **使用 Custom Theme**:
如果你正在使用 Vue CLI 或者支持主题功能的 Element 版本，你可以创建一个 custom theme.js 文件，并针对 `.el-popover` 和其子元素进行修改：

   import { defineComponent } from 'vue';
   export default defineComponent({
     extendOptions: {
       global: {
         styles: `
           .el-popover {
             background-color: #custom-bg;
             ...; /* 其他自定义样式 */
           }
         `,
       },
     },
   });

然后将这个主题应用到项目上。

记住，在修改样式时，尽量避免影响其他用户的正常使用，除非你是该组件的开发者并了解其设计初衷。