Question

怎么修改帆软报表的finereport.css

Answer 1

举个例子给题主吧，这样比较好理解一点。

添加一个模板参数p1，将模板参数添加到参数面板中，并设置为文本框控件，参数默认值是地区；再在报表里添加一个文本框控件，文本控件内容也是地区。希望获取参数面板上文本框和报表里的文本框边框变为红色，字体颜色变为蓝色，直接使用FineReport设计器是无法实现这个效果的，那么使用css样式该如何实现呢？

1、css样式编写

新建一个css文件，获取文本框的类选择器为.fr-texteditor，在css文件中输入该类的样式：

.fr-texteditor{ border:1px solid red; color:blue; font-weight:bold;}

保存该css文件为css.css，保存在%FR_HOME%/下面。

2、引用css

打开模板，点击模板>模板web属性，选择引用css，点击选择按钮，选中刚刚新建的css文件，点击增加按钮，将该css增加到下方列表中，如下图所示：

3、效果查看

点击填报预览，如下图所示效果：

修改css样式除了可引用外部css文件外，还可以通过web页面事件来覆盖其样式。比如说，加载完成之后，希望文本框边框显示为绿色，字体显示为加粗蓝色，即可打开模板，点击模板>模板web属性>填报预览设置，选择为该模板单独设置，添加一个加载结束事件，并且勾选上直接显示控件。

$('.fr-texteditor').css('color','blue');

$('.fr-texteditor').css('font-weight','bold');

$('.fr-texteditor').css('border','1px solid red');