私のスタイルシートでは、リンクは次のようにスタイル設定されています。
a {color:#0088cc; text-decoration:none;border-bottom: 1px dotted #0088cc;}
私のテーブルは次のようにスタイルされています:
.datagridStyle { width: 100%; }
.datagridStyle th { color: #aaaaaa; padding: 8px 4px 8px 4px; background-color: #000000; background-image: url(/Content/Images/BarBGR.gif); }
.datagridStyle th:hover { color: #eeeeee; background-color: #333333; }
.datagridStyle td { border-bottom: 1px solid #b7b6b6; padding: 6px; }
/* THIS STYLE IS THE ONE OF INTEREST */
.datagridStyle tr:hover { padding: 2px; background-color: #0083c4; color: #ffffff; cursor: pointer; }
問題は、行にカーソルを合わせると、行が青に変わり、テキストが白に変わることですが、テキストのいずれかがリンクである場合、青のままで表示されないためです。マウスを行の上に置いて青にすると、テーブル内の a タグも白に変わるようにスタイルを設定するにはどうすればよいですか?