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>

Answer 1

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

a{
  background-color: white;
}

然后

a:visited {
  background-color: gray;
}

Answer 2

a:visited不是完全证明这样做的方法。你可以用一个简短的jquery来制作它。

<强>的jQuery

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

以上方法非常适合您的问题：）

Answer 3

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

使用此

css链接访问过的背景

3 个答案: