html - 表格行边框半径不起作用 - 替代方案？

Question

如果您在这里查看我的网站:http://mcderp.x10.mx/members.php ，当鼠标悬停在底行时，您可以看到该行没有圆 Angular ，我尝试将“溢出:隐藏”应用于具有圆 Angular 的表类，但这不起作用! :(

Answer 1

您必须为单个单元格设置样式。 Firefox 和 Chrome 上的工作示例:http://jsfiddle.net/AyKE7/

CSS

table {
    border-collapse: collapse;
}
th,
td {
    padding: 4px 7px;
}
/* hover */
tr:hover th,
tr:hover td {
    background-color: lightblue;
}
/* hover, left cell */
tr:hover th {
    border-radius: 5px 0 0 5px;
}
/* hover, last cell on he right */
tr:hover td:last-child {
    border-radius: 0 5px 5px 0;
}