复选框 onclick 更改行颜色

Question

这是我的 fiddle:

https://jsfiddle.net/jemrfomy/

一旦我点击一个复选框，它应该使用下面的突出显示 class 更改特定 tr 的背景颜色：

.ui-table-highlight {
    background-color:#ffefbb;
}

我在 Whosebug 上尝试了几种解决方案，但我认为这可能是我的问题 css?

Answer 1

是的，你的突出显示的层次结构有问题 CSS class 它应该是：

.ui-table tr.ui-table-highlight {
   background-color:#ffefbb;
}

As ".ui-table tr:nth-child" 否则将覆盖它

Answer 2

只需在 css 中的颜色后添加 !important as

    .ui-table-highlight {
        background-color:#ffefbb !important;
    }

更新了你的fiddle https://jsfiddle.net/jemrfomy/1/

祝你未来好运:-)