zebra stripes over riding my highlighting color

Question

I am using this code to navigate through keyboard in table grid. In my code I have not added this zebra stripes coding. If I add this zebra stripes is overriding my highlighting

Answer 1

Try adding .tablesorter class to your CSS to make the selector more specific (thanks to Kobi for pointing it out) with something like this:

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

And to add a border something like this should work:

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

or more fancy:

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

or something like that.