使用这个属性popper-class
添加一个class.
<el-tooltip content="Top center" placement="top" popper-class="atooltip"><el-button>Dark</el-button></el-tooltip>
.atooltip.el-tooltip__popper[x-placement^="top"] .popper__arrow {border-top-color: pink;}.atooltip.el-tooltip__popper[x-placement^="top"] .popper__arrow:after {border-top-color: pink;}.atooltip {background: pink !important;}
注意
placement的属性值有
top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end
[x-placement^=??]
border-??-color
的上下左右 要与placement一致
⚠️ 不能放到scoped
中
线上运行地址