您的位置:首页 > Web前端 > CSS

FineReport——JS二次开发(CSS改变控件样式)

2015-10-15 16:23 567 查看
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提及的适用控件其实很多都不适用,大多都只满足文本控件):

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: