设置控件的 CSS 样式可以在「模板 Web 属性」中引用 CSS 实现,也可以在「模板 Web 属性」中添加事件实现,据此给出如下两个示例。
3.1 修改文本框边框颜色和字体
希望参数面板上文本框控件的边框变为红色,字体颜色变为蓝色。如下图所示:
3.1.1 准备模板
1)新建模板,添加一个模板参数 p1。
2)将参数添加到参数面板中,并设置为文本框控件,参数默认值是地区。
最终模板如下图所示:
3.1.2 准备 CSS 文件
新建一个 CSS 文件test.css,保存在%FR_HOME%webroot目录下。
CSS 文件内容为:.fr-texteditor{ border:1px solid red; color:blue; font-weight:bold;}
其中 .fr-texteditor 是文本框类选择器,代码修改文本框的边框为红色,字体为蓝色加粗。
3.1.3 引用 CSS 文件
打开模板,点击「模板>模板 Web 属性」,选择「引用 CSS」&#