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>

使元素与默认锚链接颜色相同

1 个答案:

Demo.