FineReport的控件CSS样式怎样使用
发布网友
发布时间：2022-04-06 11:28
共1个回答
热心网友
时间：2022-04-06 12:57
class选择器 对应的样式 适用控件
.fr-texteditor 文本区域边框，字样(大小，颜色，字体等) 文本、文本域、下拉框、下拉复选框、树、日期
.fr-texteditor-focus 获取焦点后的文本框的边框、字样 文本、文本域、下拉框、下拉复选框、树、日期
.fr-combo-list-item 下拉项的边框、字样 下拉框、下拉复选框
.fr-combo-selected 获得焦点的下拉项的字样，边框、背景色 下拉框、下拉复选框
.fr-checkbox-control 全选/反选的背景、字样、边框 下拉复选框
.fr-list-bwrap 列表控件的背景色 列表
.fr-list-bwrap li 字样 列表
.fr-list-node-over 鼠标移动上去的列表项背景色，字体颜色 列表
.fr-list-node-selected 被选中的列表项的背景色，字体颜色 列表
.fr-tree-body 树列表的样式(背景色、字体等) 树
.fr-tree-no-lines .fr-tree-elbow-plus 加号图标样式 树
.fr-tree-node-collapsed .fr-tree-node-icon 未展开的文件夹图标样式 树
.fr-tree-no-lines .fr-tree-elbow-minus 减号图标样式 树
.fr-tree-node-expanded .fr-tree-node-icon 已展开的文件夹图标样式 树
.fr-tree-node-leaf .fr-tree-node-icon 子节点图标样式 树
.fr-calendar thead .fr-date-top 标题行的背景颜色 日期
.fr-calendar thead .headrow 年月选择行的背景颜色
.fr-calendar thead .daynames 星期行的背景颜色
.fr-calendar tfoot .footrow 功能按钮行的背景颜色
.fr-calendar thead .hilite 置鼠标移动到日期头按钮上时的背景色，边框，字体颜色；
.fr-calendar thead .active 鼠标点击日期头按钮时的背景色
.fr-calendar tfoot .hilite 鼠标标移动到日期尾按钮上时的背景色，边框，字体颜色
.fr-calendar tbody td.active 鼠标点击日期主体按钮时的背景色
.fr-calendar tbody td.selected 当前选中天的背景色，字体颜色，大小，边框；
.fr-calendar tbody td.today 设置今天的字体颜色，大小，边框。
具体CSS的编写，你可以去看FineReport的帮助文档
