color-index

可用性有限

此特性不是基线特性，因为它在一些最广泛使用的浏览器中不起作用。

color-index CSS 媒体特性可用于测试输出设备的颜色查找表中的条目数量。

语法

color-index 特性被指定为一个 <integer> 值，表示输出设备的颜色查找表中的条目数量。（如果设备不使用此类表，则此值为零。）它是一个范围特性，这意味着你也可以使用带有前缀的 min-color-index 和 max-color-index 变体来分别查询最小值和最大值。

示例

基本示例

HTML

html

<p>This is a test.</p>

CSS

css

p {
  color: black;
}

@media (color-index) {
  p {
    color: red;
  }
}

@media (min-color-index: 15000) {
  p {
    color: #1475ef;
  }
}

结果

自定义样式表

此 HTML 将为至少有 256 种颜色的设备应用特殊样式表。

html

<link rel="stylesheet" href="http://foo.bar.com/base.css" />
<link
  rel="stylesheet"
  media="(color-index >= 256)"
  href="http://foo.bar.com/color-stylesheet.css" />

规范

规范
媒体查询第 4 级 # color-index

浏览器兼容性

另见

帮助改进 MDN

了解如何贡献

本页面最后由 MDN 贡献者在 2025 年 7 月 14 日修改。

在 GitHub 上查看此页面 • 报告此内容问题