Samw Samw - 1 month ago 10
CSS Question

css issue in table, styling not showing fully

got styled css table but for some reason the row styling is being cut off, css inspector is showing any obvious error. attached is the css and table

enter image description here
example of issue

see codepen
http://codepen.io/anon/pen/ZBGxLy#anon-login

Answer

Using background on td Instead of tr will solve your problem.

table.striped tr:nth-child(even) td {
    background-color: #fff;
}
table.striped tr:nth-child(odd) td{
    background-color: #efefef;
}

Updated Codepen