在更改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;
}
效果如下: