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

Question

我只是想在表行周围放置一个border-radius。我目前正在使用jQuery Mobiles作为框架。这是我正在使用的代码：

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

现在当我做它时，它使我的列有圆角。但是当我因某种原因使它成为tr时，风格才会生效。我真的不确定为什么

Answer 1

表格的边框和tr这里的代码只是放入css文件中它肯定会起作用

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

Answer 2

尝试这样的事情

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

Answer 3

要在tr标记上显示边框，您应使用table{border-collapse: collapse;}并显示可以使用display: block;到tr代码的半径。

demo

Answer 4

您需要将其指向td

.ui-table tr td

<强> Fiddle