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

时间:2016-05-31 17:48:42

标签: css colors webkit

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

和其他使用颜色的人?

1 个答案:

答案 0 :(得分:2)

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

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

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

(MDN有a page描述了Mozilla的颜色,但似乎并不是Webkit的类似官方页面。让这成为警告。)