1

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 表記を見たことがあると思いますが、見つかりません。

4

1 に答える 1

1

HTMLを少し操作して、true/falseの値でTDにクラスを追加できます。

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

CSSでは、属性セレクターを使用できます。このクラスでは、クラスセレクターのみを使用できます。

td.true {

}

td.false {

}

text-indentプロパティを使用してテキストを非表示にできる場合もあります。または、セルにHTMLテキストではなく、クラスとしてtrue/falseを出力することもできます。

于 2013-01-18T08:19:15.260 に答える