复选框onclick更改行颜色

Question

这是我的小提琴：

https://jsfiddle.net/jemrfomy/

点击一个复选框后，它应该使用下面的高亮类改变特定tr的背景颜色：

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

我在stackoverflow上尝试了几个解决方案，但我认为这可能是我的CSS中的一个问题？

Answer 1

是的，它应该是高亮CSS类的层次结构的问题：

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

因为“.ui-table tr：nth-​​child”会覆盖它，否则

Answer 2

只需在你的css中添加颜色后重要

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

更新了你的小提琴 https://jsfiddle.net/jemrfomy/1/

祝未来好运： - ）