如何更改Jquery数据表排序图标的颜色

Question

jQuery Datatables排序图标不正确可见，所以如何更改排序图标的颜色，我想将颜色更改为黑色

Answer 1

您在数据表中提到的排序图标不是图标。它是图像，asc图像和desc图像。因此，您无法更改颜色。但是我们可以用您选择的另一张图像替换该图像（与您所需颜色相似的图像）。

图像th由CSS 设置为

用于排序

table.dataTable thead .sorting_asc {
    background-image: url(../images/sort_asc.png);
}

对于降序排列

table.dataTable thead .sorting_desc {
    background-image: url(../images/sort_desc.png);
}

您可以通过自定义CSS覆盖此规则。

#YourTableID thead .sorting_asc {
        background-image: url(../yourImage.png);
    }

desc图像也是如此。希望这会有所帮助

这是一个有效的例子

table.dataTable thead .sorting_asc {
    background-image: url(../images/sort_asc.png);
}

table.dataTable thead .sorting_desc {
    background-image: url(../images/sort_desc.png);
}

#YourTableID thead .sorting_asc {
        background-image: url(../yourImage.png);
    }