链接 <a> 的CSS伪类不起作用

原创 2016年05月30日 10:13:40

问题描述: 为超链接 <a> 添加 hover 和 visited 效果时,没有效果

代码:

				{field:'contractName',title:'合同名称 <span style="color:red;font-weight:bold;font-style:italic">(点击查看合同详情)</span>',width:150,
					formatter : function(value,row,index){
						if(value == null){
							return;
						}
						return '<a name="contractLink" href="#" style="color:black;text-decoration:none" onclick="viewContractInfo(\''
								+row.contractId+'\')">' + value + '</a>';
					}
				},

    <style type="text/css">
    	a[name=contractLink]:visited { color:#772093;}
		a:hover {color:blue}
	</style>

效果图


解决办法



解决后的效果图:




版权声明:本文为博主原创文章,未经博主允许不得转载。

关于a标签伪类中的visited不起作用问题

伪类超链接 --> a:link { color:red; font-size:20px; } a:visited { color:black;...
  • qq_21108099
  • qq_21108099
  • 2016年03月16日 00:41
  • 4198

外联CSS样式表在谷歌或火狐浏览器不起作用;CSS规则单独运行起作用,放到一起运行则不起作用解决方法

问题一:外联CSS样式表在谷歌或火狐浏览器不起作用,在其他浏览器则有效果; 问题二:CSS规则单独运行起作用,放到一起运行则不起作用。...
  • q2769017241
  • q2769017241
  • 2017年02月13日 00:16
  • 884

:first-child 的坑(first-child的伪类选择器不起作用)

比如下面的代码,刚开始不知为什么 :first-child的伪类选择器不起作用,而last-child却有作用 尊敬的用户您好,您的入职流程需要按照如下步骤进行操作,了解流程后即可前...
  • qq_28002139
  • qq_28002139
  • 2017年07月27日 16:38
  • 240

“超链接样式被点击过后a:hover{}和a:active{}样式不起作用”的原因及解决方法

今天发现了改变CSS属性的排列顺序: L-V-H-A a:link {} a:visited {} a:hover {} a:active {} -->    我个人认为原因是:如果a:hove...
  • Rita_jing
  • Rita_jing
  • 2017年03月28日 21:18
  • 1161

前端-让a标签失效的CSS写法

a {poorfish:expression(this.onclick=function kill(){return false})}
  • zhuzhiqiang_zhu
  • zhuzhiqiang_zhu
  • 2016年11月27日 17:46
  • 1078

CSS超链接a标签的四种状态属性设置

html> html lang="en"> head> meta charset="UTF-8"> title>超链接title> style> a{ ...
  • LEI2879223426
  • LEI2879223426
  • 2017年04月22日 15:57
  • 3928

a标签伪类排列的顺序

css中关于超链接的四个属性一般正常顺序为:link,visited,hover,active,一个简便快捷的记忆方法就是LVha,LV哈哈 相信大家都懂。...
  • promiseCao
  • promiseCao
  • 2016年08月22日 11:07
  • 2828

css3 a标签用伪类写下划线动画效果

before在a标签之前的横线动画 从左往右动画效果 html代码: ul> li>a href="">哈哈a>li> li>a href="">嘿嘿a>li> ...
  • weixin_41574213
  • weixin_41574213
  • 2018年01月04日 18:17
  • 57

如何利用CSS给同一个网页中的超链接设置设置不同的样式?

转自文章 http://www.cnblogs.com/wuhuisheng/archive/2012/06/21/2557302.html 如何利用CSS给同一个网页中的超链接设置设置不同...
  • u011558902
  • u011558902
  • 2016年09月06日 15:02
  • 1734

css入门部分设置

1、float    属性定义元素在哪个方向浮动,浮动特性影响下一行元素。    eg:float:left;    设置效果为        float:right;    清除浮动:clear:b...
  • u010637291
  • u010637291
  • 2013年06月09日 19:07
  • 476
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:链接 <a> 的CSS伪类不起作用
举报原因:
原因补充:

(最多只允许输入30个字)