-webkit-link对于任何与颜色相关的html元素或css属性来说是有效的颜色吗?

qv7cva1a  于 2022-12-15  发布在  其他
关注(0)|答案(2)|浏览(567)

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

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

yh2wf1be

yh2wf1be1#

不,-webkit-link不是有效的颜色。
虽然它确实可以在任何你可以使用颜色的地方工作,但它不符合任何标准,苹果和Blink引擎的任何维护者都没有义务让它工作。
此外,它在其他浏览器上也不起作用,Firefox有-moz-hyperlinkText,但同样的声明也适用。
(MDN有一个描述Mozilla颜色的页面,但似乎没有类似的Webkit官方页面,让它成为一个警告。)

xvw2m8pv

xvw2m8pv2#

-webkit-link不是标准颜色。
适当的标准系统颜色可能是ActiveTextLinkTextVisitedText。还要考虑revert值。
奇怪的是,这些颜色似乎目前没有调整适当的黑暗主题的WebKit。

相关问题