element ui Tooltip 文本与箭头颜色修改

//黑色主题文本框样式修改
.el-tooltip__popper.is-dark{
  background: rgb(7, 44, 76, 0.8) !important;
}
//箭头颜色修改
.el-tooltip__popper .popper__arrow {
  border-width: 6px;
  border-color: rgb(7, 44, 76, 0.8);
}
//上箭头
.el-tooltip__popper[x-placement^=top] .popper__arrow:after {
  border-top-color: #395670 !important;
}
//下箭头
.el-tooltip__popper[x-placement^=bottom] .popper__arrow:after {
  border-bottom-color: #395670 !important;
}
//右箭头
.el-tooltip__popper[x-placement^=right] .popper__arrow:after {
  border-right-color: #395670 !important;
}
//左箭头
.el-tooltip__popper[x-placement^=left] .popper__arrow:after {
  border-left-color: #395670 !important;
}

版权声明:本文为who_become_gods原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。