我试图在鼠标悬停时突出显示表格行的边框。不幸的是,这仅适用于第一行单元格。较低的行有一个边框不会改变颜色。我尝试使用
请参考链接:http://jsfiddle.net/S9pkM/2/ 想象一下您的标准表格HTML。一些和一些。当鼠标悬停在一行上时,应将其边框突出显示为红色。
outline
但它在webkit中与:hover
不兼容。请参考链接:http://jsfiddle.net/S9pkM/2/ 想象一下您的标准表格HTML。一些和一些。当鼠标悬停在一行上时,应将其边框突出显示为红色。
table { border-collapse: collapse; } /*I am aware of separate */
table td { border: 3px solid black; }
table tr:hover td { border-top-color: red; border-bottom-color: red; }
table tr:hover td:first-child { border-left-color: red; }
table tr:hover td:last-child { border-right-color: red; }
我愿意尝试其他方法,但我只能使用表格结构。除了标准的<table> <tr> <td>
之外,不能插入其他的HTML元素。