Значок сортировки переключателей React-таблицы

Question

Вот ссылка на иконку, на которую я ссылаюсь.Черная линия вверху заголовка таблицы.

Здравствуйте! Я вставил ссылку в вопрос, но пытаюсь выяснить, как переключить цвет значка сортировки для библиотеки React-таблицы.Я попытался использовать

.sort-asc {
    color: green;
}  

, а также наоборот

.sort-desc {
    color: green;
}  

, но все, что он делает - это изменяет цвет заголовков всей таблицы, а не только значок.Я пытался дурачиться внутри инспектора, и я не могу получить доступ к значку таким же образом.

Любая помощь будет высоко ценится.Заранее спасибо.

Answer 1

На самом деле, это тень коробки, вы можете легко ее изменить

box-shadow: inset 0 3px 0 0 rgba(0,0,0,0.6)

Answer 2

Мое исправление для этого:

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

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

Answer 3

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