关于按钮变色

image.png比如,点击”今天“按钮,变成灰色,直到点击下一个按钮 ”今天“这个按钮才恢复到原来的颜色

FineReport 用户6RsGp8455815 发布于 2021-12-20 15:33
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
墨残烛Lv5初级互助
发布于2021-12-20 15:36(编辑于 2021-12-20 15:56)

CSS修改控件样式- FineReport帮助文档 - 全面的报表使用教程和学习资料 (fanruan.com)

参考这个,通过js来改变指定按钮的css就可以实现,比如:

setTimeout(function() {

$("div[widgetname=TODAY]").find('.fr-btn-text').css('color', 'white');

$("div[widgetname=TODAY]").find('.fr-btn-up').css('background-color', 'grey');

}, 100);

TODAY是按钮控件名为today,.fr-btn-text表示按钮上面显示的字,.fr-btn-up表示整个按钮,

在按钮点击事件里用这个方法就可以动态更改

下面的一段代码是恢复成原来颜色的代码:

setTimeout(function() {

$("div[widgetname=TODAY]").find('.fr-btn-text').css('color', 'white');

$("div[widgetname=TODAY]").find('.fr-btn-up').css('background-color', '#47a8ea');

}, 100);

最佳回答
0
Z4u3z1Lv6专家互助
发布于2021-12-20 15:40
  • 用户6RsGp8455815 用户6RsGp8455815(提问者) 点击下一个按钮,上一个按钮颜色没有恢复到之前的颜色
    2021-12-20 16:03 
  • 墨残烛 墨残烛 回复 用户6RsGp8455815(提问者) 看到我的回答了吗?我的这方法可以实现
    2021-12-20 16:05 
  • 用户6RsGp8455815 用户6RsGp8455815(提问者) 回复 墨残烛 恢复的那段代码是在添加一个点击事件?
    2021-12-20 16:09 
  • 墨残烛 墨残烛 回复 用户6RsGp8455815(提问者) 嗯,点击事件来实现 话说你可以在我上面的回答里进行问
    2021-12-20 16:14 
  • 3关注人数
  • 707浏览人数
  • 最后回答于:2021-12-20 15:56
    请选择关闭问题的原因
    确定 取消
    返回顶部