css border-radius 在应用于行时不起作用

Question

我只是想在我的表格行周围放置一个边框半径。我目前正在使用 jQuery Mobiles 作为框架。这是我正在使用的代码:

.ui-table tr {
    border: 5px solid rgb(51,51,51);
    border-radius: 0.5em;
}  

现在，当我将其设为 td 时，它会使我的列具有圆 Angular 边缘。但是当我出于某种原因将其设置为 tr 时，样式不会生效。我真的不知道为什么

Answer 1

对于表格的边框和 tr，这里是刚刚放入 css 文件的代码，它肯定可以工作

table
{
border-collapse:collapse;
}
tr{
border:1px solid #CCCCCC;
}
table, td, th
{
border:1px solid #CCCCCC;
}