プロが教えるわが家の防犯対策術！

マウスカーソルを乗せた時にテーブルの行の色を変える

解決済

  • 質問者：unko347
  • 質問日時：
  • 回答数：2件

マウスカーソルがテーブルの行の上に来た時に行の色を変えたくて
以下のようにCSSとHTMLを書いてみました。
しかし、何の変化もありませんでした。どこが悪いのかわかりますでしょうか。

【CSS】
table tr:hover {
background:red;
}


【HTML】
<html>
<head>
<script type="text/javascript" src="./jquery-1.9.1.js"></script>
<link rel="stylesheet" href="test.css" type="text/css">
<script>
</script>
</head>
<body>
<table border="1">
<thead>
<tr>
<th>名前</th>
<th>金額</th>
</tr>
</thead>

<tbody>
<tr>
<td>abc</td>
<td>3000</td>
</tr>
<tr>
<td>xyz</td>
<td>100</td>
</tr>
<tr>
<td>myk</td>
<td>20000</td>
</tr>
</tbody>
</table>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.1ベストアンサー

  • 回答者： hirotn
  • 回答日時：

background-color をご使用ください


http://www.htmq.com/style/background-color.shtml

この回答への補足

ご回答ありがとうございます。
background-color
を指定してみたのですが結果は同じでした。
当方、IE9を使用しているのですが以下の一文をHTML
の先頭に付加することで色を変えることができました

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dt …

補足日時：2013/06/03 22:57
通報する
    • good
    • 0
    • 件
通報する

No.2

  • 回答者： naokita
  • 回答日時：

a:hover なら古いIEでも動作できますが、


a以外の :hover この疑似クラスは、古いIE(IE6以下)では動作しないでしょう。

つまり、
標準モード＆ ？？:hover だと、IE7以上なら動作するはずなので、
貴方のHTML/DTDが過去モードになっているとか、古いIEを利用しているとか・・・と推測できます。
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございます。確認してみたいと思います。

通報する
お礼日時：2013/06/06 04:11

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報