FineReport的控件CSS样式怎样使用

html-css04

FineReport的控件CSS样式怎样使用,第1张

这里给你列了CSS适用的一张表。

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的帮助文档

css有哪些常用控件可以分为三类,即id选择器、class选择器、标签选择器。

用法如下:

#id名 { 属性名:属性值}

.class名 { 属性名:属性值}

标签名 { 属性名:属性值}

其中,他们之间又可以以不同的方式进行组合,如下:

后代选择器: 父代名 后代名 { 属性名:属性值}

子代选择器: 父代名>子代名 { 属性名:属性值}

群组选择器: #name1, .name2, #name div { 属性名:属性值}

伪类选择器: name:伪类

通用(通配符)选择器: * { 属性名: 属性值}