0

条件が満たされたときに、テーブルの 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'); }
4

2 に答える 2

2

JavaScript を介して背景色を変更するstyleと、要素の属性によって新しいスタイルが適用されます。

属性は、またはstyleからの定義よりも優先されます。classid

あなたがする必要があるのは:hover、記法で を設定し、何があっても、それがあなたが望むスタイル!importantであることをブラウザに伝えることです。hover

table.tablesorterPRINT  tr.odd:hover td {
  background-color: #6F0!important;
  cursor:pointer;
}
于 2012-06-03T19:59:28.537 に答える
0

プロパティに追加!importantして:hover、インライン スタイルを強制的にオーバーライドします。

または、スタイルの代わりにクラスを使用することをお勧めします。

tr.BadRow td {
    background: red;
}

$(this).parent().addClass('BadRow');
于 2012-06-03T19:59:17.647 に答える