javascript - js html背景颜色与高亮

Question

我用 html 制作了一个表格，并使用 fnRowCallback 方法并调用:datatableview.make_xeditable(xeditable_options)
我添加了以下代码使未读行背景颜色为黄色在 datatableview.js 下:

return function(nRow, mData, iDisplayIndex) {
        $('td a[data-xeditable]', nRow).editable(options);
        var html=String(mData[7]);
        var div = document.createElement("div");
        div.innerHTML = html;
        var a= (div.innerText);
        if (a=="Unread"){
            nRow.style.backgroundColor="yellow";

我现在的问题是，如果该行不是黄色背景(因为它具有“已读”)，当我在我的表格中按下该行时，该行突出显示效果很好，但如果该行是未读的，则突出显示效果不佳

你可以在第 4 行看到它没问题，在第 6 行中背景超过了高光我在 index.html 中选择的代码:

 table.on('click', 'tr', function (e) {
           if(e.ctrlKey ){
                $(this).toggleClass( 'selected ');
               console.log(table.$("tr.selected"))
           }
           else{
                table.$("tr.selected").removeClass('selected');
                $(this).addClass('selected');

           }

有什么想法吗？

Answer 1

.selected {
    background-color: blueish !important;
}

这可能会奏效。