更改已访问链接的字体粗细

时间:2016-02-06 16:13:11

标签: css

用户访问链接后,我希望文本的字体权重恢复正常(400)。

.title-link {
  font-family: 'Open Sans', sans-serif;
  color: #264464;
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
}

.title-link:visited {
  font-weight: 400;
}

我读到你不能从2010年左右开始做这件事(https://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/),有什么方法可以做到吗?

1 个答案:

答案 0 :(得分:0)

如果您正在使用页面链接,也许您可​​以使用jquery?唯一的问题是页面刷新后会回到粗体。

HTML

<a href='#' class='title-link'>Link</a>

jquery的

$('.title-link').click(function() {
    $('.title-link').css('font-weight', 'normal');
});

似乎在这个jsfiddle中工作:http://jsfiddle.net/z7kmbve7/2/