CSS：表格中的邊框半徑和顏色不受尊重

我有一個帶邊框半徑和邊框顏色的跨度元素。CSS：表格中的邊框半徑和顏色不受尊重

它顯示得很好，但是當在表格元素中顯示圓形效果，但其周圍的邊框變成矩形而沒有圓角。

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

在小提琴

span與Two文本顯示所需顏色的圓形邊框。

但span與One作爲在table內的文本顯示矩形邊框。如果你近距離觀察，你會看到一個黃色的橢圓形。

我們期望的行爲是，紅色邊框應顯示爲橢圓形的兩個跨度，只是在黃色的橢圓形上。

來源

2016-04-27 Nils

每個顯示值不同的行爲 - https://developer.mozilla.org/en-US/docs/Web/CSS/display –

顯示：表細胞是問題。謝謝。 – Nils

您不應該爲表格單元格塊設置跨度一個顯示屬性。嘗試其他值：塊或其他東西

來源

2016-04-27 08:49:07 Daniel

顯示：表格單元是問題。謝謝。 – 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>

來源

2016-04-27 08:49:54 niyasc

CSS：表格中的邊框半徑和顏色不受尊重

回答

相關問題