0

こんにちは、行の色が交互に表示され、正常に動作するphpが入力されたテーブルがあります。現在、行が強調表示されているときにテーブル行のテキストの色を変更しようとしています。

以下のコードはテーブルの強調表示を示しています。これは正常に機能しますが、色要素を変更できません。

 <tr class="active"  bgcolor="#363636" onMouseOver="this.bgColor='gold';" onMouseOut="this.bgColor='#363636';" onMouseOver="this.color='#fff';">
4

4 に答える 4

1

CSSを使用できます：

tr:hover {
    color: White;
}

すべての項目を CSS でやり直すことができます

tr {
  background-color: #363636;
}

tr:hover {
  background-color: Gold;
  color: White;
}
于 2013-06-04T21:55:39.197 に答える
0

相反する 2 つのonMouseOver属性があります。これを行う代わりに、疑似クラスを使用してみません:hoverか?

tr {
    background-color: #363636;
}

tr:hover {
  background-color: gold;
  color: #ffffff;
}

本当に を使いたい場合はonMouseOver、次のようにします。

oneMouseOver="this.bgColor='gold'; this.color='#ffffff';";
于 2013-06-04T21:56:47.590 に答える
0

各行に複数の列があるかどうかに応じて、いくつかの異なる方法でテキストのスタイルを更新できます。これらの両方をJSFiddleでテストしたところ、両方とも機能しました。

特定のセルにマウスオーバーしたときにのみ色を更新したい場合:

 <tr class="active"  bgcolor="#363636" onMouseOver="this.bgColor='gold';" onMouseOut="this.bgColor='#363636';" >
      <td onMouseOver="this.style.color='#fff';" onMouseOut="this.style.color='#000';">
        hey
      </td>
    </tr>

行内のセルにマウスオーバーしたときに色を更新する場合は、次のようにします。

<tr class="active"  bgcolor="#363636" 
   onMouseOver="this.bgColor='gold';this.style.color='#fff';" 
   onMouseOut="this.bgColor='#363636';this.style.color='#000';">
于 2013-06-04T21:57:14.937 に答える
0

this.style.colorの代わりに使用するとthis.color、すべて同じ属性で設定できます。

onMouseOver="this.bgColor='gold'; this.style.color='#fff';"

ところで、そのようなインライン JavaScript は避けて、html/css と JavaScript コードを分離してください。

于 2013-06-04T21:55:32.507 に答える