如何在单击时更改文本链接的hover不透明度效果？

如何单击文本链接时取消绑定hover不透明度效果？

例如，

a.test { text-decoration:none; } a.test:hover { text-decoration:none; opacity:0.6 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60) !important; } Click Me $(".test").click(function(){ $(this).unbind('mouseenter mouseleave'); return false; }) 

点击它时我不希望这种不透明hover效果。

这是链接 。

编辑：

我更喜欢没有黑客课程的解决方案。 可能吗？

Answer 1

这是一个解决方案，它添加了一个用于通过css重置不透明度的类。

 a.test:hover { opacity:0.6 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60) !important; } a.test.clicked:hover { opacity:1 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100) !important; } Click Me $(".test").click(function(){ return false; }); $(".test").mousedown(function(){ $(this).addClass('clicked'); }); $(".test").mouseup(function(){ $(this).removeClass('clicked'); }); 

Answer 2

如果您无法修改创建:hover状态的CSS，请使用样式。

 $('.test').css({'opacity':'1.0 !important','-ms-filter':'',filter:'none !important'}); 

内联样式应优先于CSS样式。