This article introduces the implementation of element-ui tooltip modifying background color and arrow color, and shares it with you, as follows:
<el-tooltip class="item" effect="dark" content="share" placement="left" popper-class="draw_share_atooltip">
<el-button>
<div class="iconfont icon-_share"></div>
</el-button>
</el-tooltip>
//Arrow color.el-tooltip__popper[x-placement^=left] .popper__arrow::after {
border-left-color: #515b62;
}
.el-tooltip__popper[x-placement^=left] .popper__arrow{
border-left-color: #515b62;
}
//Background color.draw_share_atooltip{
background: #515b62 !important;
}
The above is all the content of this article. I hope it will be helpful to everyone's study and I hope everyone will support me more.