斑马条纹骑我突出的颜色

我正在使用此代码在表格中导航键盘。 在我的代码中，我没有添加这个斑马条纹编码。 如果我添加这个斑马条纹覆盖我突出显示。 例如：第一行深色和第二行白色。我可以通过键盘在第一行看到高亮，但我可以在第二行看到。

DEMO

这编码斑马条纹

$("#myTable").tablesorter({ widgets: ['zebra']} ); 

我有一个替代解决方案是使用边框，但我如何在我的CSS中应用它

Answer 1

尝试将.tablesorter类添加到CSS中以使选择器更具体（感谢Kobi指出它），如下所示：

 .tablesorter tr.ui-selected td { background: #f77; } 

并添加这样的边框应该工作：

 .tablesorter tr.ui-selected { border: 1px solid black; } 

或更多花哨：

 .tablesorter tr.ui-selected { border: 2px dashed red; } 

或类似的东西。