自定义tablesorter箭头图像

Question

我正在使用jQuery tablesorter。我想用自己的箭头图像替换默认箭头图像。我添加了

.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc {
    background-image: url( My image );
    border-bottom: #000 5px solid;
}

这里我尝试使用边框为5px。但是这种变化并没有反映在我的UI中。请帮我。

预先感谢任何建议。

Answer 1

这确实有效，但您可能会遗漏theme选项未从"default"（demo）更改的部分：

$('table').tablesorter({
    theme: 'default'
});

但是，除非你想在排序（demo）上更改图像或边框颜色，否则最好让css更加通用：

.tablesorter-default thead .tablesorter-header {
    background-image: url( My image );
    border-bottom: #000 5px solid;
}