主要是修改后面的小三角
<el-tooltip content="Top center" placement="top"> <el-button>Dark</el-button> </el-tooltip>
.el-tooltip__popper,.el-tooltip__popper.is-dark{
background-color: #7E7E7E !important;
border-radius: 8px;
font-size: 14px;
border: 1px solid #7E7E7E !important;
}
.el-tooltip__popper[x-placement^=top] .popper__arrow::after{
border-bottom-color: #7E7E7E !important;
}
.el-tooltip__popper[x-placement^=top] .popper__arrow{
border-bottom-color: #7E7E7E !important;
}
修改背景颜色以及小三角的颜色如下:
el-tooltip 的placement 是top,则.el-tooltip__popper[x-placement^=top] 需要给成对应的即可