关于el-popover的箭头颜色

 

因为会从四个方向不定弹出

所以需要写入4个方向:

注意弹出框是动态插入body中的,需写入根部样式中

如果有多个地方用到且颜色都不一样,可以用类名区分,elm提供了

 

然后把前面的 .el-popper换成自己的类名就可以单独去设置每一个了

 

 

 

 

代码复制:

 

  .el-popper[x-placement^=left] .popper__arrow::after{
    border-left-color: #777777;
  }
  .el-popper[x-placement^=right] .popper__arrow::after{
    border-right-color: #777777;
  }
  .el-popper[x-placement^=bottom] .popper__arrow::after{
    border-bottom-color: #777777;
  }
  .el-popper[x-placement^=top] .popper__arrow::after{
    border-top-color: #777777;
  }

 

posted @ 2021-07-12 15:26  鹿lu  阅读(1952)  评论(0编辑  收藏  举报