-webkit-link 是与颜色相关的任何 html 元素或 css 属性的有效颜色吗？

Question

在我的一个应用程序中，我注意到 Chrome 通过以下规则自动将链接颜色设置为颜色“-webkit-link”：

/* Not set by my CSS stylesheet */

a:-webkit-any-link {
    color: -webkit-link;
    text-decoration: underline;
    cursor: auto;
}

与十六进制代码相比，我更容易记住默认链接颜色为 -webkit-link。

我尝试设置包裹在p标签和div标签中的文本颜色，这似乎在 Codepen 上运行良好。

div, p { color: -webkit-link; }

“-webkit-color”对于颜色相关的任何地方都是有效的颜色吗？（我可以测试每种颜色有效的可能情况，但我没有时间）。例如，此规则是否会给出“链接蓝色”边框颜色？

div { border: 2px solid -webkit-link; }

或者这个规则设置了一个带有“链接蓝色”的线性渐变？

div { background-image: linear-gradient(135deg, red 60%, -webkit-link 60%); }

或者这个规则设置了一个带有“链接蓝色”颜色的框阴影？

div { box-shadow: inset 2px 2px 2px 4px -webkit-link; }

和无尽的其他使用颜色？

Answer 1

不，-webkit-link不是有效的颜色。

虽然它可以在任何你可以使用颜色的地方工作，但它没有任何标准，Apple 和 Blink 引擎的任何维护者都没有义务让它继续工作。没有保证。

此外，它在其他浏览器中不起作用。对于 Firefox，有-moz-hyperlinkText，但同样的免责声明适用。

（MDN 有一个描述 Mozilla 颜色的页面，但似乎没有类似的 Webkit 官方页面。让这成为一个警告。）