Question

您在尝试使用标题中的Jquery Tablesorter更改箭头图标时遇到问题。我的css是：

table.tablesorter {
    width: 100%;
    border: 0.0001em solid #FFF;
    background-repeat: no-repeat;
    font-size: 1em;
    background-image: url(../img/parallelarrows_new.png);
    background-position: bottom center;    

}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {

    border: 0.0001em solid #FFF;
    font-size: 1em; 
    background-repeat: no-repeat;
    background-image: url(../img/parallelarrows_new.png);
    background-position: bottom center;

}
table.tablesorter thead tr .tablesorter-header {

    font-family:Arial;
    text-align: center;
    align: center;
    color: #fff;
    border-color:#ffffff;
    cursor: pointer;
    border: 0.001em solid #FFF;
    font-size: 1em;
    background-image: url(../img/parallelarrows_new.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    cursor: pointer;
}
table.tablesorter tbody td {

    padding: 0.364em;
    vertical-align: center;
    font-size: 1em;


}
table.tablesorter tbody tr.odd td {

    font-size: 1em;

}
table.tablesorter thead tr .tablesorter-headerAsc {
    background-image: url(../img/arrowup_new.png);
    background-position: bottom center;

}

table.tablesorter thead tr .tablesorter-headerDesc  {
    background-image: url(../img/arrowdown_new.png);
    background-position: bottom center;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #8dbdd8;
    background-image: url(../img/parallelarrows_new.png);
    background-position: bottom center;

}
.sorterHeader
{
    background-image: url(../img/parallelarrows_new.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    cursor: pointer;
    border: 0.091em solid #FFF;
    font-size: 1em;
    height: 7em; 

}

我不知道为什么但它仍然显示基本的黑色箭头。如果有人可以帮助我，我会非常感激。

谢谢！

更换箭头Tablesorter

0 个答案: