element-ui 的 el-tooltip 的箭头怎么 css 修改颜色

Question

.el-tooltip__popper.is-dark {
    background: blue;
    color: #fff;
}

怎么修改 el-tooltip 的箭头颜色，多番尝试改不动
改过 popper__arrow, 还是不行

.el-tooltip__popper .popper__arrow {
    border-width: 6px;
    background-color: blue;
    border-color: blue;
}

.el-tooltip__popper[x-placement^=top] .popper__arrow:after {
    border-top-color: blue;
  }

箭头黑色轮廓

Answer 1

.el-tooltip__popper[x-placement^=top] .popper__arrow:after {
    border-top-color: blue;
}
.el-tooltip__popper[x-placement^=top] .popper__arrow {
    border-top-color: blue;
}

Answer 2

应该是该这个class：popper__arrow

Answer 3

你好，我想问一下你这个背景色是蓝色怎么加的，我按照这样写没起作用啊

Answer 4

zbc,太牛啦