JS改变控件编辑时的字体颜色

1. 概述
1.1 问题描述

很多报表设计都是以深色作为背景，虽然可以设置字体为其他显眼的颜色，但是在填报编辑控件的时候，字体仍然是黑色的，根本看不见。如下：

实现效果如下：

1.2 实现思路

通过添加控件编辑前事件，编写 JS 改变字体的颜色。

2. 示例
2.1 操作步骤

1）报表设计如下：

A2 是文本控件，B2 是文本域控件，设置单元格背景是黑色，字体是白色。

2）为文本控件添加编辑前事件

JS 代码如下：

1. $("input").css("color","white");

复制代码

3）为文本域控件添加编辑前事件

JS 代码如下：

1. $("textarea").css("color","white");

复制代码

2.2 预览效果

保存模板，选择填报预览，PC 端实现效果下图所示：

注：不支持移动端

3. 模板下载

已完成模板，可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\62-js改变控件编辑时的字体颜色.cpt。

点击下载模板：62-js改变控件编辑时的字体颜色.cpt