CSS：表格中的边框半径和颜色不受尊重

问题描述：

我有一个带边框半径和边框颜色的跨度元素。CSS：表格中的边框半径和颜色不受尊重

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

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

在小提琴

span与Two文本显示所需颜色的圆形边框。

但span与One作为在table内的文本显示矩形边框。如果你近距离观察，你会看到一个黄色的椭圆形。

我们期望的行为是，红色边框应显示为椭圆形的两个跨度，只是在黄色的椭圆形上。

每个显示值不同的行为 - https://developer.mozilla.org/en-US/docs/Web/CSS/display –

显示：表细胞是问题。谢谢。 – Nils

答

您不应该为表格单元格块设置跨度一个显示属性。尝试其他值：块或其他东西

显示：表格单元是问题。谢谢。 – Nils

答

我认为这与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>

CSS：表格中的边框半径和颜色不受尊重

相关推荐