CSS：表格中不考虑边框半径和颜色

Question

我有一个带有border-radius和border-color的span元素。

它显示得很好，但是在表格元素中显示了圆形效果时，但其周围的边框变成了没有圆角的矩形。

小提琴： http : //jsfiddle.net/hXMLF/1182/

在小提琴中

span为Two文字显示所需颜色的圆形边框。

但是table中以“ One为文本的span显示矩形边框。 边界半径已被应用，如果您仔细看，您会看到黄色的椭圆形。

期望的行为是，两个跨度的红色边框都应显示为椭圆形，紧接黄色椭圆形。

Answer 1

您不应该使用表格单元格块来设置跨度显示属性。 尝试其他值：块或其他

Answer 2

我认为这与jsfiddle有关。 使用SO代码段可以使用相同的代码。

 body { background-color: #efefef; } table { border: 1px solid black } td { border: 1px solid black; padding: 10px; } .round-round { border-radius: 15px; background-color: yellow; display: table-cell; border: 1px solid red; } 

 <table cellpadding="10"> <tr> <td> <span class="round-round"> One </span> </td> <td> Something else </td> </tr> </table> <hr> <span class="round-round"> Two </span>