Question

我有一个脚本，可以在满足条件时更改我的表的TR和TD背景。

但CSS后台悬停不适用于那些行。

有没有办法通过这些行的悬停工作来保持我的背景更改？

这是我当前的CSS，它适用于不受条件函数影响的行。

table.tablesorterPRINT  tr.odd:hover td {background-color: #6F0;cursor:pointer;}

埃里克

if(qty<=min) { $(this).parent('tr').children('td').css('background' , 'red').css('color' , '#FFF');}
if(qty>=max) { $(this).parent('tr').children('td').css('background' , 'red').css('background' , '#FFF'); }

Answer 1

当您通过JavaScript更改背景颜色时，新样式将由元素上的style属性应用。

style属性优先于class或id的定义。

您需要做的是，使用:hover符号设置!important，告诉浏览器没有任何内容，即您想要的hover样式。

table.tablesorterPRINT  tr.odd:hover td {
  background-color: #6F0!important;
  cursor:pointer;
}

Answer 2

将!important添加到:hover属性，以强制它覆盖内联样式。

或者，更好的是，使用类而不是样式：

tr.BadRow td {
    background: red;
}

$(this).parent().addClass('BadRow');

执行函数后需要更改TD背景

2 个答案: