为空单元格提供不同的背景颜色

use*_*596 2 css css-tables

我正在环顾互联网,无法找到一个解决方案,在html/CSS中为空单元格提供不同的背景颜色.

在制作节日制作系统的同时,我想通过给予它们警示颜色,引起制作人(系统用户)对复杂表格中缺失数据的注意.

我当然知道背景和空单元格属性,但似乎没有组合,因为空单元格属性只有hide,show和固有.但我想某处有一些解决方案......

任何想法如何解决这个问题?

Fel*_*Als 6

您可以使用CSS3 :empty伪类来定位空元素并设置它们的样式.或者使用一点JS.

编辑:小提琴http://jsfiddle.net/rHkMX/


Kyr*_*ood 5

使用:空

要了解如何使用 jQuery 更改 css 背景,请查看此 jsfiddle:http : //jsfiddle.net/5sVAt/1/

否则,只需执行 CSS 版本

td:empty{
    background-color: red;
}
Run Code Online (Sandbox Code Playgroud)