表格行有悬停背景。我需要在背景上做圆 Angular 。
table tbody tr#ClickableRow:hover {
background-color: #fbf6e7;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
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..... ....
</p>
</td>
</tr>
这是行不通的。我仍然得到平方 bg。
最佳答案
尝试在 td
而不是 tr
body {
margin: 100px;
}
table tbody tr#ClickableRow:hover td {
background-color: #fbf6e7;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
cursor: pointer;
}
<table>
<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..... ....
</p>
</td>
</tr>
</table>
如果您的表格行有多个单元格,您可以这样做:http://jsfiddle.net/petersendidit/RzKbq/1/
关于jquery - 表格行悬停背景色圆 Angular 效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8989487/