无法覆盖选定的行背景颜色

Question

我一直试图这么做已经太久了。它不是一个特殊性问题，因为我过度使用了新的唯一类和一个id到行元素，同时追溯到body元素 - 但背景颜色仍然不会改变。文本的颜色，行的高度等都完全改变了。

我尝试攻击.selected类，其中bootstrap-table自动添加到选定的行。我也试过使用我自己的新.highlighted类，它通过jQuery和BT onCheck属性切换。

我已经筋疲力尽了我能想到的选择。我不明白为什么这个特定的财产不会让步。

代码段：

//Table setup. (data is retrieved through JSON response) Columns are built from JSON response. Everything works well and good.

$('#results-table').bootstrapTable({

            data: new_result,
            columns: columns,
            sortable: true,
            pagination: true,
            search: true,
            showColumns: true,
            sortName: "lastname",
            striped: false,
            clickToSelect: true,
            maintainSelected: true,
            onClickRow: function(e, row, element){highlightRow(e, row, element);},
        });


//initiated when onCheck event occurs. 

function highlightRow(e, row, element){
    $(row).toggleClass("highlighted");
    console.log("highlightRow Worked.");
}

// CSS (I have also tried a version with maximum specificity as mention above.

tr.highlighted {
background-color: var(--site-yellow) !important;
color: green;

知道该怎么办？我想把那个绿色改成我的调色板黄色。