el-popover style的样式怎么更改

el-popover 是 ElementUI 中的一个弹出框组件，其样式可以通过以下几种方式进行更改：

1. 使用全局的CSS样式表：您可以在全局的CSS样式表中添加自定义的样式规则，来修改el-popover组件的样式。例如：

.el-popover__title {
  color: red;
}

.el-popover__reference {
  background-color: #f1f1f1;
  border: 1px solid #ccc;
}

这将修改标题的颜色为红色，以及参考元素的背景色和边框颜色。

2. 使用scoped CSS样式表：如果您使用了Vue的单文件组件，可以在组件的style标签中添加scoped属性，来使样式只作用于当前组件。例如：

<template>
  <el-popover
    title="Popover Title"
    content="Hello, Popover!"
    placement="top-start"
  >
    <el-button slot="reference">Click me</el-button>
  </el-popover>
</template>

<style scoped>
.el-popover__title {
  color: red;
}

.el-popover__reference {
  background-color: #f1f1f1;
  border: 1px solid #ccc;
}
</style>

这将只修改当前组件中的el-popover组件的样式。

3. 使用内联样式：您还可以直接在el-popover组件上使用style属性，来设置其内联样式。例如：

<el-popover
  title="Popover Title"
  content="Hello, Popover!"
  placement="top-start"
  style="color: red; background-color: #f1f1f1; border: 1px solid #ccc;"
>
  <el-button slot="reference">Click me</el-button>
</el-popover>

这将直接修改el-popover组件的颜色、背景色和边框样式。