如何替换color:windowtext;

时间:2015-02-14 02:01:26

标签: css css3

我正在使用旧的CSS样式表,其中一些条目类似于:

.calibre18 {
  color: windowtext;
  font-family: "Book Antiqua", "serif";
  font-size: 1.29167em;
  line-height: 1.2;
}

这样可以防止color: windowtext;出错。我发现它已被弃用"支持CSS3 UI appearance属性"。不幸的是,这似乎也被弃用了。

如何重新创作作者的原始意图?

1 个答案:

答案 0 :(得分:4)

旧的CSS2系统颜色名称已被弃用,原因如下:

  

这些颜色名称已被弃用,因为它们不足以满足其原始目的(使网站元素看起来像其本机操作系统对应物),并且代表安全风险,因为它使网页更容易“欺骗”本机操作系统对话框。

http://dev.w3.org/csswg/css-color-4/#system-colors

另一个相关的引用:

  

用户代理必须支持这些关键字,但应将其映射到“默认”值,而不是基于用户的操作系统设置(例如,将所有“背景”颜色映射为白色,将“前景”颜色映射为黑色)。作者不得使用这些关键字。

恕我直言,您不应该尝试重新创建作者的原始意图,也不应该依赖用户代理的默认支持,而是定义实际的颜色。