0

行にカーソルを合わせると、色が異なるテーブルがあります。これは完全に機能しますが、行の各セルにCSSの背景もあります。現在、各セルにカーソルを合わせると背景画像が変化しますが、行の色が変わると、特定のセルにカーソルを合わせない限り、各フィールドに背景画像を表示できなくなります。

これはCSSを介して解決できますか、または誰かがこれを変更するためのjavascript行を提供できますか。

下の画像では、左側に2番目の列、右側に4番目の列にカーソルを合わせています。

基本的に、行にカーソルを合わせたときにすべての目盛りを白くしたいと思います。私はあなたたちが助けることができることを知っています！

ここに画像の説明を入力してください

みんなありがとう。

4

2 に答える 2

4

はい、CSSでできます。コードを投稿する必要があります...

TRホバリングによってトリガーされるが、sに作用するルールを追加しTDます。

黒のVマークが付いたonと、Xの赤のマークが付いたclass "ok"onがあると仮定します。TDclass "ko"TD

tr:hover td.ok {
  color: white;
  background-color: black;
}

tr:hover td.ko {
  color: red;
  background-color: black;
}
于 2013-01-16T16:52:05.413 に答える
4

子孫セレクターを適用してみてください：

tr:hover td .tick { background-image: url('white-tick.png') }

tickこれにより、クラスがaの子であり、tdそれ自体がaの子であり、trその上にマウスを置くと、すべての要素にスタイルが適用されます。

これを機能させるには、要素background-imageではなくを使用してティックを実装する必要があります（を使用すると、画像が背景の上に表示され、上記のコードは表示されません）。imgimg

于 2013-01-16T16:53:52.447 に答える