由于某种原因,访问过的背景没有变为灰色。 任何人都知道如何解决?
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>
答案 0 :(得分:1)
尝试为链接设置默认背景颜色,例如white
a{
background-color: white;
}
然后
a:visited {
background-color: gray;
}
答案 1 :(得分:0)
a:visited
不是完全证明这样做的方法。你可以用一个简短的jquery来制作它。
<强>的jQuery 强>
$('a').click(function(){
$('a').css('background-color','gray')
})
以上方法非常适合您的问题:)
答案 2 :(得分:0)
a:link {
height: auto;
display: inline-block;
border-radius: 5px;
background: red;
}
使用此