tr:hover not working
I\'m trying to highlight (change background color) of the entire row when the mouse is hovering on a table row. I searched through the Net and it should be working, but it d
-
Works fine for me... The
tr:hovershould work. Probably it won't work because:The background color you have set is very light. You don't happen to use this on a white background, do you?
Your
<td>tags are not closed properly.
Please note that hovering a
<tr>will not work in older browsers.讨论(0) -
I had the same problem. I found that if I use a DOCTYPE like:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">it didn't work. But if I use:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">it did work.
讨论(0) -
Try it:
css code:
.list1 tr:hover td { background-color:#fefefe; }讨论(0) -
Your best bet is to use
table.YourClass tr:hover td { background-color: #FEFEFE; }Rows aren't fully support for background color but cells are, using the combination of :hover and the child element will yield the results you need.
讨论(0) -
Like @wesley says, you have not closed your first
<td>. You opened it two times.<table class="list1"> <tr> <td>1</td><td>a</td> </tr> <tr> <td>2</td><td>b</td> </tr> <tr> <td>3</td><td>c</td> </tr> </table>CSS:
.list1 tr:hover{ background-color:#fefefe; }There is no JavaScript needed, just complete your HTML code
讨论(0) -
Recently I had a similar problem, the problem was I was using background-color, use background: {anyColor}
example:
tr::hover td {background: red;}This works like charm!
讨论(0)
加载中...
- 热议问题