FineReport——JS二次开发（CSS改变控件样式）

FR提供一些选择器，可以改变部分控件的样式，那么对于如何书写自己的css：

可以自己写css文件导入，也可以在页面加载结束事件中添加JS方法来改变css样式。

以文本框为例：

书写css文件，保存至%FR_HOME%/下面（必须存放在WebReport这个目录下，，其他地方不能读取）：

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

然后在模板web属性中添加css文件。。

 

在加载结束事件中添加js，以在填报预览下为例：

$(".fr-texteditor").css("color","red")
$(".fr-texteditor").css("border","3px solid blue")

 

在FR中提供了如下选择器（在测试过程中，FR提及的适用控件其实很多都不适用，大多都只满足文本控件）：