html中灰⾊怎么写,css如何实现置灰不可点
实现a标签置灰不可点击
css怎么创建禁⽤a标签的点击事件disabled属性和pointer-events属性值
⾸先 ，⼤家要知道： a标签 是没有disable 属性的 ， 如果想⽤disable 禁⽌a标签的点击事件，也是可以实现的；往下看
1. a标签 要⽤ disable 属性，必须和 pointer-events属性⼀起使⽤ ，例⼦ 如下：
HTML 部分代码：
JS 代码：$(".praise").attr("disabled",true);
$(".praise").css("pointer-events","none");
js 缩写 ⼀⾏搞定：$(".praise").attr("disabled",true).css("pointer-events","none");
总结：这样就可以将a标签设成不可点击状态了。不过虽然是不可点击状态，当a标签任然是蓝⾊，所以要⼈为的给他添加上灰⾊字体。
2. pointer-events 属性详解pointer-events: auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit
pointer-events属性有很多值，但是对于浏览器来说，只有auto和non两个值可⽤，其它的⼏个是针对SVG的(本⾝这个属性就来⾃于SVG 技术)。
auto——效果和没有定义pointer-events属性相同，⿏标不会穿透当前层。在SVG中，该值和visiblePainted的效果相同。
none——元素不再是⿏标事件的⽬标，⿏标不再监听当前层⽽去监听下⾯的层中的元素。但是如果它的⼦元素设置了
pointer-events为其它值，⽐如auto，⿏标还是会监听这个⼦元素的。
⽤途：
⽐如投票，只能投⼀次，点赞只能给⼀个⼈赞$(this).addClass("yizan").children().addClass("zan_icon"); 当前的a标签为已赞状态
$(".praise a").attr("disabled",true).css("pointer-events","none");//只能赞⼀次，禁⽌再次触发点击事件
其它属性值为SVG专⽤，这⾥不介绍了
3.浏览器兼容性
Firefox 3.6+和chrome 2.0+ 以及safari 4.0+都⽀持这个CSS3属性，IE6/7/8/9都不⽀持

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。