css - css链接访问背景

Question

由于某种原因，访问背景没有变为灰色。有谁知道如何解决？

a:link {
  height: auto;
  display: inline-block;
  border-radius: 5px;
  background: rgb(241,231,103);
  background: linear-gradient(to bottom, rgb(241,231,103) 0%, rgb(241,231,103) 32%, rgb(248,217,54) 73%, rgb(253,208,22) 100%);
}

a:visited {
  background-color: gray;
}

a:hover {
  background: linear-gradient(to bottom, rgb(253,208,22) 0%, rgb(248,217,54) 27%, rgb(241,231,103) 68%, rgb(241,231,103) 100%);
}

HTML 文件，我需要在我的任务中使用 css

<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>

<a href="http://www.stackoverflow.com">one</a>
<a href="#">two</a>
<a href="#">three</a>
<a href="#">seven</a>

</body>

score 1 · Accepted Answer

尝试为您的链接设置默认背景颜色，例如white

a{
  background-color: white;
}

然后

a:visited {
  background-color: gray;
}

score 0 · Accepted Answer

a:visited不是一个完整的证明方法来做到这一点。你可以用一个简短的 jquery 来完成它。

jQuery

$('a').click(function(){
    $('a').css('background-color','gray')
})

上述方法非常适合您的问题:)

score 0 · Accepted Answer

a:link {
  height: auto;
  display: inline-block;
  border-radius: 5px;
  background: red;
}

用这个

css - css链接访问背景

3 回答 3

Related

Reference