单元格超级链接如何改变样式

单元格选择添加超级链接后,文字会变成蓝色并加上下划线

求助,可以不可以实现:文字选中前一种颜色,选中后变一种颜色并且字体变大一号?

微信图片_20200416150317.png

FineReport xzw0105 发布于 2020-4-16 15:07
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
3
yiyemeiyingLv4高级互助
发布于2020-4-16 15:11

鼠标悬浮/点击/离开超级链接时改变颜色-https://help.finereport.com/doc-view-920.html


222

最佳回答
1
IceBall09Lv6中级互助
发布于2020-4-16 16:48(编辑于 2020-4-17 10:10)

“单元格选择添加超级链接后,文字会变成蓝色并加上下划线 ”→ 针对这个问题,你可以直接对这个单元修改字体颜色和取消下划线:

image.png

“文字选中前一种颜色,选中后变一种颜色并且字体变大一号”→ 针对这个问题,你可以参考楼上帮助文档,利用js来实现:

$('.linkspan').mouseover(function(){$(this).css('color','red');
                                     $(this).css("font-size","18px");}); //鼠标移上 
$('.linkspan').mouseleave(function(){$(this).css('color','blue');
                                     $(this).css("font-size","12px");}); //鼠标离开 
$('.linkspan').mousedown(function(){$(this).css('color','gray');}); //鼠标点击



如果是决策报表:

setTimeout(function(){//鼠标经过
$('div[widgetname="REPORT2"] td.celink').mousemove(function() {
//所在行单元格字颜色:
        $(this).css("color","#ffcc00");
        $(this).css("font-size","18px");
});
//鼠标点击
$('div[widgetname="REPORT2"] td.celink').mousedown(function() {
//所在行单元格字颜色       
        $(this).css("color","#99ccff");
});
//鼠标离开
$('div[widgetname="REPORT2"] td.celink').mouseout(function() {
//所在行单元格字颜色 
        $(this).css("color","#00ffff");
        $(this).css("font-size","12px");
});
},1000);

report2是你那边报表控件,你自己改一下,颜色可以自调整,可以rgb格式也可以直接写blue这种

  • xzw0105 xzw0105(提问者) 决策报表如何使用这个JS呢?
    2020-04-17 09:59 
  • IceBall09 IceBall09 回复 xzw0105(提问者) 你看一下上面,我重新编辑了一下
    2020-04-17 10:11 
  • xzw0105 xzw0105(提问者) 回复 IceBall09 好厉害,那是在报表块添加事件-点击,还是在单元格的超级链接-JS脚本呢?
    2020-04-17 10:33 
  • IceBall09 IceBall09 回复 xzw0105(提问者) 报表块 加一个 初始化事件
    2020-04-17 10:53 
  • IceBall09 IceBall09 回复 xzw0105(提问者) 可以的话能否采纳一下
    2020-04-21 10:53 
最佳回答
0
snrtuemcLv8专家互助
发布于2020-4-16 15:13

参见js鼠标经过改变单元格格式https://help.finereport.com/doc-view-1907.html


  • 4关注人数
  • 1016浏览人数
  • 最后回答于:2020-4-17 10:10
    请选择关闭问题的原因
    确定 取消
    返回顶部