软件开发项目中，选择是vue.js  前端框架是element-ui。根据ui的设计。需要把弹窗的圆角修改和边距修改，发现样式不生效，很上头，查看官方的文档也说得不清不出的，然后去google了一圈，最后解决了，修改办法如下：1.定义popper-class样式信息，2.编写对应的css的class .el-popover.my-el-popover 这种格式，前缀必须是.el-popover 。3.去掉scope.具体代码如下

html部分代码

<el-popover
            placement="bottom"
            width="240"
            popper-class="popover-tips"
            trigger="hover"
          >
            <div class="tips-container tips-font">
              ·明确产品碳足迹核查需求<br> ·选取碳足迹方法学标准<br> ·评估工作量<br> ·明确技术方案
            </div>
            <div slot="reference" class="step">
              <div class="step-name">技术接洽</div>
              <div class="step-desc">技术接洽的主要内容</div>
            </div>
          </el-popover>

css部分，一定不要加scoped

<style lang="scss">
  .el-popover.popover-tips{
    padding: 0 !important;
    border-radius:14px !important;
  }
</style>