关于el-popover的箭头颜色

 

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

所以需要写入4个方向:

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

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

关于el-popover的箭头颜色

 

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

 

 

关于el-popover的箭头颜色

 

 

代码复制:

 

  .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;
  }

 

相关文章:

  • 2022-12-23
  • 2022-03-07
  • 2022-12-23
  • 2022-12-23
  • 2021-12-02
  • 2022-12-23
  • 2022-12-23
  • 2021-10-19
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-09-21
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案