javascript - CSS 背景色有效性

Question

我正在动态添加一个 div 并为这些 div 添加背景颜色。背景颜色值来自后端，因此为每种颜色添加一个 div 并将其背景颜色设置为该颜色。但是，如果某些对 CSS 背景颜色属性无效的颜色出现，它将显示为白色背景。

例如“豹纹”颜色。如果颜色不是有效的背景颜色，是否有任何方法可以验证颜色而不添加 div？

Answer 1

根据 W3 Specifications 列一个 list .

然后检查您的颜色是否在该列表中。这是一个例子。

colors = ['lime', 'orange', 'pink'];

if (colors.indexOf(the_color) >= 0) {
    // Set background
}