HTML

2016-05-09 8 views
0

でテーブルの行の上にマウスをオーバー処理するためにどのように私はのようなHTMLでテーブルを持っている:HTML

<table> 
    <tr class="myClass"> 
    <td>John</td> 
    <td>Smith</td> 
    </tr> 
</table> 

私が欲しいのは、ポインタをフォントの色、背景色を変更して使用する場合には、ユーザーのドライブ行の上の彼のマウス、行の任意の点。私は以下を使用していますが、動作していませんか?

tr.myClass:hover 
{ 
    cursor: pointer; 
    color: #1d5987; 
    background:#F0F8FF; 
} 

以下のコードは動作していますが、変更はすべての行の代わりにカーソルに影響します。

tr.myClass:hover>td:hover 
{ 
    cursor: pointer; 
    color: #1d5987; 
    background:#F0F8FF; 
} 

どのようにすればいいですか?ありがとう

編集:回答は役に立ちません。私の主な問題は、カーソルを行に移動するときにF12をクリックすると、カーソルが強調表示されている行のみが強調表示されていることです。

+0

これは 'tr.myClass:hover' –

+0

ですが、動作していないので、試しました。 –

+1

うーん、それはこのjsfiddleで動作している:[ホバーオンロー](https://jsfiddle.net/jaspercreel/7b9kmb4q/)。あなたの環境に、別のCSSルールのようなものがありますか? –

答えて

0
は、以下にごCSSコードを変更し

.myClass:hover 
{ 
    cursor: pointer; 
    color: #1d5987; 
    background:#F0F8FF; 
} 

を、それがお役に立てば幸いです。