2011-05-16 87 views
3

我使用的是tablesorter 2.0,我一直试图重载css主题,当点击一个按钮,但我似乎无法得到任何东西。我试图给主题文件添加一点CSS,但我认为另一个属性重写它。我想要做的是更改某一类某一排的背景颜色。Tablesorter主题,改变点击按钮上的行背景

如果任何人都可以检查出来并告诉我将类和属性添加到这个文件的位置,这将不胜感激。

这里是的tablesorter主题文件:

table.tablesorter { 
    font-family:arial; 
    background-color: #CDCDCD; 
    margin:10px 0pt 15px; 
    font-size: 8pt; 
    width: 100%; 
    text-align: left; 
    border-radius:3px; 
} 
table.tablesorter thead tr th, table.tablesorter tfoot tr th { 
    background-color: #e6EEEE; 
    border: 1px solid #FFF; 
    font-size: 8pt; 
    padding: 4px; 
} 
table.tablesorter thead tr .header { 
    background-image: url(bg.gif); 
    background-repeat: no-repeat; 
    background-position: center right; 
    cursor: pointer; 
} 
table.tablesorter tbody td { 
    color: #3D3D3D; 
    padding: 4px; 
    background-color: #FFF; 
    vertical-align: top; 
} 
table.tablesorter tbody tr.odd td { 
    background-color:#F0F0F6; 
} 
table.tablesorter thead tr .headerSortUp { 
    background-image: url(asc.gif); 
} 
table.tablesorter thead tr .headerSortDown { 
    background-image: url(desc.gif); 
} 
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { 
background-color: #5B5781; 
} 

这里是jQuery的CSS我用它来改变行(这是从$。员额()调用回调):

function(){ 
      $("#row_"+id).css("background-color", "orange"); 
      } 

回答

4

有背景色的TR没有错。

您的代码有效,但您必须认识到您指定TD具有#FFF的背景颜色。你正在改变TR的BG颜色,但TD的颜色是最重要的。

+0

完美。谢谢你指出! – 2011-05-16 19:22:24