在单元格边框处有两个单元格中断的表格行上使用边框半径进行圆角处理

Question

我有一个包含两个单元格的表格行，并且该行具有悬停背景颜色，我试图使用边框半径将悬停背景颜色的角变圆，如下所示：

table tbody tr#ClickableRow:hover td
    {
        background-color: #fbf6e7;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
        cursor:pointer; 
    }

<tr id="ClickableRow">
    <td>
<a href="http://somesite.com">Go Here</a>
<p> To find about all the interestng animals found in this tourist attractions including 
zebra, giraffe etc
</p>
    </td>

<td>Call us:444-444-2322</td>
</tr>

它在单元格边框处正确断裂。如何解决这个问题？我无法选择行本身并应用半径..

Answer 1

在 TD 中放置一个 DIV，然后在 DIV 中添加您的内容。将边框应用于 DIV 而不是 TD。