定製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; 
} 

在這裏，我嘗試了與邊界爲5像素。但是這個改變並沒有反映在我的UI中。請幫幫我。

在此先感謝您的任何建議。

Answer 1

這工作，但你可能缺少其中theme選項未從"default"改變的部分（demo）：

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

但是，它可能會更好只是使CSS更一般的，除非你想改變排序（demo）圖像或邊框顏色：

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