使用CSS將True/False轉換爲勾號/跨圖像

Question

我有一些數據是從JSON讀取並寫入表格。

目前看起來如下。

<table> 
<tr><td>Feature 1</td><td>true</td><td>false</td></tr> 
<tr><td>Feature 2</td><td>false</td><td>false</td></tr> 
<tr><td>Feature 3</td><td>true</td><td>true</td></tr> 
</table> 

我想要做的就是離開真/假數據，因爲它是，但使用CSS來將數據轉換週期/交叉或笑臉/皺眉的圖像。

我已經看到了這個CSS3符號，但我找不到它。

Answer 1

你可以通過什麼方式操作HTML，並將值添加到TD的值爲true/false。

<tr><td>Feature 1</td><td class="true">true</td><td class="false">false</td></tr> 

在CSS，你可以使用屬性選擇器或在這個類只是類選擇

td.true { 

} 

td.false { 

} 

您可能還能夠隱藏與text-indent屬性的文本。或者，您可以在單元格中輸出true/false作爲類而不是HTML文本。