Reactjs 反应表开关排序图标

您好，我在问题中嵌入了一个链接，但我正在尝试找出如何切换React表库的排序图标的颜色。我试着用

.sort-asc {
    color: green;
}  

以及相反的情况

.sort-desc {
    color: green;
}  

但它所做的只是改变整个表格标题的颜色，而不仅仅是图标。我试着在inspector内鬼混，但我也无法通过这种方式访问图标

---

任何帮助都将不胜感激。先谢谢你

实际上，这是一个长方体阴影，你可以很容易地改变它

.sort-desc {
    box-shadow: inset 0 -3px 0 0 green;
} 

框阴影：插入0 3px 0 rgba（0,0,0,0.6）

我的解决方案是：

.MyReactTableClass {
  .-sort-desc {
    box-shadow: none !important;
    &:before {
      content: "▼";
      float: right;
    }
  }

  .-sort-asc {
    box-shadow: none !important;
    &:before {
      content: "▲";
      float: right;
    }
  }
}

---

所以最终我不想要盒子的阴影。实际上，我想将排序“图标”切换为胡萝卜以放置在标题中。实际上，我在css文件中看到了框阴影，但每当我切换任何内容时，都不会发生任何变化。您看到了吗：我一直在搜索如何更改默认的React表

box shadow

，它们用于指示图标的排序。谢谢。如何只显示支持排序的列的上下箭头？所以用户可以知道这些是可排序的列