3

私はインターネットを見回していましたが、html/CSS の空のセルに別の背景色を与える解決策を見つけることができませんでした。

フェスティバル制作のシステムに取り組んでいるときに、生産者 (システム ユーザー) に、複雑なテーブルの欠落データに警告色を付けて注意を喚起したいと考えています。

もちろん、背景と空のセルのプロパティは知っていますが、空のセルのプロパティには非表示、表示、および固有しかないため、組み合わせはないようです。でも、どこかに解決策があると思います...

これを解決する方法はありますか？

4

4 に答える 4

6

CSS3:empty疑似クラスを使用して、空の要素をターゲットにし、スタイルを設定できます。または、JSを少し使用します。

編集：フィドルhttp://jsfiddle.net/rHkMX/

于 2012-09-22T21:15:37.170 に答える
5

：emptyを使用します

jQueryでcssの背景を変更する方法については、次のjsfiddleを確認してください：http：//jsfiddle.net/5sVAt/1/

それ以外の場合は、CSSバージョンを実行してください

td:empty{
    background-color: red;
}
于 2012-09-22T21:18:45.267 に答える
0

:empty 疑似クラスを使用できますが、ブラウザーの互換性についてはよくわかりません (これは css3 であるため)。ただし、javascript を使用して td の内容を確認できます。

Jquery を使用した例:

<script type="text/javascript">
$(document).ready(function() {
    $("td").each(function() {
        if ($(this).html() == "") $(this).css("background", "black");
    });
});
</script>

これにより、セル html が空の各 td に黒い背景が追加されます。

于 2012-09-22T21:20:03.343 に答える
-1

emptyセルにlikeクラスを割り当ててから、emptyクラスの背景色を目的の色に設定できます。

于 2012-09-22T21:18:10.030 に答える