如何修改el-popper或el-tooltip提示框箭头样式

 在更改el默认样式式，总有些样式不易更改。如下图中上箭头样式

 更改代码如下（其中el-tooltip是提示框样式，el-popper是各种下拉框样式）：

.el-tooltip__popper.is-light{                                        

  background-color: $color-popover-bg;

  color: $color-main-font;

  border: none;

}

.popper__arrow{

  background-color: transparent !important;

}

.el-popper[x-placement^="bottom"] .popper__arrow::after {                           

  margin-left: -6px;

  border-top-width: 0;

  border-bottom-color: #23263D !important;

}

.el-popper[x-placement^="top"] .popper__arrow::after{

  margin-left: -6px;

  border-bottom-width: 0;

  border-top-color: #23263D !important;

}

.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after{

  margin-left: -6px;

  border-top-width: 0;

  border-bottom-color: #23263D !important;

}

.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after{

  margin-left: -6px;

  border-bottom-width: 0;

  border-top-color: #23263D !important;

}

效果如下：