修改el-tooltip的样式

631 阅读1分钟

主要是修改后面的小三角

<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.png

el-tooltip 的placement 是top,则.el-tooltip__popper[x-placement^=top] 需要给成对应的即可