斑马条纹骑我突出的颜色

Question

  

可能重复：
  zebra stripes over riding my highlighting color

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

[http://jsfiddle.net/hKZqS/15/]

斑马条纹的编码

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

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

Answer 1

您需要将高光颜色设置为比斑马颜色更强的规则。例如：

tr.ui-selecting { background: #eee; }
tr.ui-selected { background: #dde; }

.odd {background-color: #ffd;}
.even {background-color: #dff;}

http://jsfiddle.net/hKZqS/16/

如果您遇到糟糕的一天，其他选项会使用.ui-selected,.ui-selected.even,.ui-selected.odd或!important规则。

另请参阅：CSS Specificity: Things You Should Know

Answer 2

好吧，考虑到你的问题只是建立在我昨天的问题（我没有代表＆gt;：x）的答案的基础上，我更新了我的jsFiddle以使用边框进行突出显示。也许尝试一下like this。只需记住将其他类的边框设置为“none”并添加填充或边距，这样行就不会“跳”。