在我的一个应用程序中,我注意到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; }
还有无数其他使用颜色的呢
2条答案
按热度按时间yh2wf1be1#
不,
-webkit-link
不是有效的颜色。虽然它确实可以在任何你可以使用颜色的地方工作,但它不符合任何标准,苹果和Blink引擎的任何维护者都没有义务让它工作。
此外,它在其他浏览器上也不起作用,Firefox有
-moz-hyperlinkText
,但同样的声明也适用。(MDN有一个描述Mozilla颜色的页面,但似乎没有类似的Webkit官方页面,让它成为一个警告。)
xvw2m8pv2#
-webkit-link
不是标准颜色。适当的标准系统颜色可能是
ActiveText
、LinkText
和VisitedText
。还要考虑revert
值。奇怪的是,这些颜色似乎目前没有调整适当的黑暗主题的WebKit。