css - 使元素与默认 anchor 链接颜色相同

Question

是否可以使用 CSS 使元素与默认颜色相同 <a>颜色？

如果是，怎么做到的？

Answer 1

我认为没有关键字可以将颜色指定为与链接相同的颜色(尽管我们确实有关键字来指定系统颜色)。唯一的解决方法是使用脚本构建一些 CSS 规则，将颜色设置为与链接相同的样式，并将此样式用于您的元素。

//Get the default link color in the current browser
var a = $("<a href='#'>").appendTo('body');
var linkColor = a.css('color');
a.remove();
//build the CSS rule 
var ss = document.styleSheets[0];
if('addRule' in ss) {
  ss.addRule(".defaultLinkColor", "color: " + linkColor);
} else if('insertRule' in ss){
  ss.insertRule(".defaultLinkColor { color: " + linkColor + ";}", 0);  
}

然后您可以为您的元素应用类 defaultLinkColor:

<span class='defaultLinkColor'>I'm not a link</span>

Demo.