在我的一个应用程序中,我注意到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; }
和其他使用颜色的人?
答案 0 :(得分:2)
不,-webkit-link
不是有效颜色。
虽然它可以在任何地方使用颜色,但它没有任何标准,并且Apple和Blink引擎的任何维护者都没有义务保持它的工作。没有保证。
此外,它在其他浏览器中不起作用。对于Firefox,有-moz-hyperlinkText
,但同样的免责声明适用。
(MDN有a page描述了Mozilla的颜色,但似乎并不是Webkit的类似官方页面。让这成为警告。)