Question

I am working on existing project. I created a simple table.

<table border='0' width='100%'>
  <tr>
    <td></td><td></td>
  </tr>    
  <tr>
    <td></td><td></td>
  </tr>
</table>

I did not apply any CSS class on table but still it is showing blue background color when I mouse over on tr. So there is already some CSS implemented on table somewhere. I want to disable this effect but I can’t change existing CSS.

How can I stop this mouse over effect on this specific table. I tried some inline CSS but it did not work yet.

Answer 1

just use !important on your css which should override existing css

tr:hover {
  background:red !important;
}