如何为工具栏各命令单独设置背景色,主要是原样导出、Excel导入这样的非常规按钮。

工具栏背景颜色设置.cpt

不用单独设置,整体设置背景色也可以。

FineReport nxj109 发布于 2020-9-25 23:36 (编辑于 2020-9-26 00:56)
1min目标场景问卷 立即参与
回答问题
悬赏:5 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
0
zsh331Lv8专家互助
发布于2020-9-25 23:46(编辑于 2020-9-26 08:52)

CSS 修改工具栏按钮颜色 -https://help.fanruan.com/finereport/doc-view-1779.html

楼主:参考文档修改对应按钮背景&字体颜色等功能;文档内容主要讲解了《按钮字体颜色》的实现,其它样式稍做修改,适当扩展即可实现。

##

background-color属性来设置元素的背景色

##

===========
$('#fr-btn-Submit').css({'background':'red'});
$('#fr-btn-NewPrint').css({'background':'blue'});
$('#fr-btn-Excel').css({'background':'blue'});
$('.fr-btn-text .x-emb-excel').css({'background':'blue'});
//-------
$('#fr-btn-ExcelO').css({'background':'yellow'});
$('#fr-btn-ImportExcelData').css({'background':'yellow'});
//-------

1601048163409738.cpt


image.png

  • L大大 L大大 歇歇吧
    2020-09-25 23:49 
  • nxj109 nxj109(提问者) 可以看我的模板,像提交,插入行这样的按钮,我能够设置背景色,但是非默认的按钮,比如 原样导出,导入Excel这样的,没法设置。那个文档之前研究过好几遍了,没有找到方法。你能帮忙直接把js写一下么。比如$(\'#fr-btn-Submit\').css({\'background\':\'red\'}); $(\'#fr-btn-NewPrint\').css({\'background\':\'blue\'}); 上面这两个是有效的,但是: $(\'#fr-btn-Excel0\').css({\'background\':\'blue\'}); #原样导出 上面这个是无效的。
    2020-09-26 00:00 
  • zsh331 zsh331 回复 nxj109(提问者) = =#更新了,找到对应的id或class属性,其它的都好办,不难,耐心点!
    2020-09-26 08:53 
  • nxj109 nxj109(提问者) 回复 zsh331 嗯嗯,感谢,可以了。之前一直把ExcelO 的大写O看成阿拉伯0了,好坑。。。然后fr-btn-ImportExcelData 这个ID一直没有找到。
    2020-09-26 11:20 
  • 2关注人数
  • 372浏览人数
  • 最后回答于:2020-9-26 08:52
    请选择关闭问题的原因
    确定 取消
    返回顶部