element-plus箭头错误

箭头样式出现错误,通过css修改不生效,然后找了许多办法,也不行,最后只能发出问题来啦

截个图看看,一般来说可能是css没引入进来

【相关推荐】



  • 这个问题的回答你可以参考下: https://ask.csdn.net/questions/7769422
  • 我还给你找了一篇非常好的博客,你可以看看是否有帮助,链接:Element-plus自动导入组件,组件样式失效问题
  • 除此之外, 这篇博客: 替换element表格的展开图标中的 替换css 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
     // 将el-table的展开图标替换为其他图标
      .el-table__expand-icon{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
      }
    
      .el-table__expand-icon 
      .el-icon-arrow-right:before{
        content: "\e6d9";
        border: 1px solid #ccc;
        padding: 2px;
      }
    
      .el-table__expand-icon--expanded
      .el-icon-arrow-right:before{
        content: "\e6d8";
      }
    

    此处是将箭头替换为el-icon中的加减图标,当然加了一点边框修饰,这点不重要。
    替换效果如下:
    在这里插入图片描述
    其中最上面的css是为了设置展开或者收起时,不发生旋转。


如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^

问题描述清楚点呗, 代码,效果,截图等贴一下

img

img


这样的