首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >css链接访问背景

css链接访问背景
EN

Stack Overflow用户
提问于 2015-11-27 01:28:34
回答 3查看 150关注 0票数 0

由于某些原因,访问的背景没有改变为灰色。有人知道怎么修吗?

代码语言:javascript
复制
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

代码语言:javascript
复制
<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>
EN

回答 3

Stack Overflow用户

发布于 2015-11-27 01:44:06

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

代码语言:javascript
复制
a{
  background-color: white;
}

然后

代码语言:javascript
复制
a:visited {
  background-color: gray;
}
票数 1
EN

Stack Overflow用户

发布于 2015-11-27 01:34:35

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

jQuery

代码语言:javascript
复制
$('a').click(function(){
    $('a').css('background-color','gray')
})

上面的方法非常适合你的问题:)

票数 0
EN

Stack Overflow用户

发布于 2015-11-27 02:01:10

代码语言:javascript
复制
a:link {
  height: auto;
  display: inline-block;
  border-radius: 5px;
  background: red;
}

使用这个

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33944279

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档