jquery - 自定义 tablesorter 箭头图像

Question

我正在使用 jQuery 表格排序器。我想用我自己的箭头图像替换默认的箭头图像。我添加了

.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'
});

但是，最好只使该 css 更通用，除非您想在排序时更改图像或边框颜色（演示）：

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