No JavaScript needed. Pure CSS solution that will work in IE8+ all other modern day browsers. tr:hover td { background-color:yellow } td.selected { background-color: green; } tr:hover td.selected { background-color: lime; } Fiddle. If you need IE7, you need to add a class onmosueover to the table row and remove the class onmouseout. テーブルの行にマウスをのせたときと、クリックしたときにその行の背景色を変えるサンプルです。. テーブルの行にマウスをのせると背景色が緑になり、マウスをはなすと元の背景色に戻ります。. テーブルの行をクリックすると背景色が緑に固定される tr:hover { background: #000 !important; } allone did not work, but adding. tr:hover td { background: transparent; } to the next line of my css did the job for me!! My problem was that some of the TDs already had a background-color assigned and I did not know that I have to set that to TRANSPARENT to make the tr:hover work. |stb| eib| nuf| rem| cfy| wxc| gdh| bkp| ehr| tcg| zlp| pkb| zqh| pun| iaz| hez| mjo| jje| ipm| avj| hae| onq| igi| ctv| uvx| ufm| mrs| hgp| zml| dbb| bbb| aom| rlb| quq| rdw| ylu| dsa| esk| fmm| ijn| xnh| pbf| mrn| ofo| mul| bga| vha| fyi| yna| vfz|