html - 如何更改数据表中排序箭头的颜色

Question

我正在使用 DataTables，我需要将排序箭头的颜色从默认值(紫色)更改为其他颜色。我正在尝试的代码正在更改整个标题行的颜色，而我只需要图标。还有其他类(class)吗，因为下面的代码对我没有帮助。

CSS

table.dataTable thead .sorting, 
table.dataTable thead .sorting_asc, 
table.dataTable thead .sorting_desc {
   color : yellow;
}

谢谢

Answer 1

我想通了。 DataTables 使用图像作为图标，因此我们不能即时更改颜色。为此，我们需要用我们选择的颜色替换图标图像。所以在下面的 CSS 中，我只是用我需要的图像替换了 DataTables 中的图像。

table.dataTable thead .sorting_asc {
background-image: url("../images/integration/upArrow.gif");
}