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

【问题标题】：Is -webkit-link a valid color for any html element or css property for which color is relevant?-webkit-link 是任何与颜色相关的 html 元素或 css 属性的有效颜色吗？
【发布时间】：2016-09-29 20:44:17
【问题描述】：

在我的一个应用程序中，我注意到 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; }

或者这个规则用“link blue”设置一个线性渐变？

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

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

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

还有无数其他使用颜色的？

【问题讨论】：

应该很明显，但请记住，它永远不会适用于 Firefox、IE 或其他非 Webkit 浏览器。
你有时间写这个问题但没有测试它们？
关键是有无数种方法可以实现颜色。是否有任何地方 -webkit-link 被指定为任何使用的有效颜色？
如果它被指定在任何地方，它可能在 WebKit 源代码中。即便如此，为什么这对你很重要？你在 WebKit 上工作吗？（如果你这样做了，你应该已经知道在源代码中的位置......）
Apple 在 iAd 文档中确实说过 Safari 几乎在所有地方都支持这一点。因此，如果您正在做一个特定于 WebKit 的东西，它应该可以工作。

标签： css colors webkit

【解决方案1】：

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

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

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

（MDN 有 a page 描述 Mozilla 颜色的地方，但似乎没有类似的 Webkit 官方页面。以此作为警告。）

【讨论】：

另外，a:visited {color: -webkit-color} 仍会将其设为紫色。我猜颜色本身会进行内部链接处理，这显然不是类似 CSS 的行为。