在實際項目中，為了更符合使用者的審美觀或者讓FineReport和總體框架協(xié)調(diào)，可能需要修改一些頁面顯示的樣式表(CSS)，通常需要在自定義控件以及填報的過程中修改CSS
1. 控件，以下拉樹為例
1.1 新建模板
1.2 定義參數(shù)
在菜單欄中選擇報表|報表參數(shù)，打開參數(shù)定義面板，添加一個參數(shù)p1，默認(rèn)值選擇字符串形式，如下圖
1.3 參數(shù)界面設(shè)置，如下圖所示
1.4 控件設(shè)置，如下圖所示
類型選擇下拉樹，層次有兩層，從數(shù)據(jù)庫表中獲得數(shù)據(jù)
層次2
1.5 引用CSS換圖標(biāo)
l 在WebReport目錄下新建一個文件夾，文件名為custom，在custom文件夾下放入所要用到的名為face.gif的圖片，并在custom文件夾下新建一個名為custom_tree.css的文件,文件內(nèi)容為：.bbit-tree-node-icon {background:url("http://localhost:8075/WebReport/custom/face.gif");}，該語句是用來置換樹葉的樣式
l 引用CSS
打開有使用下拉樹控件的報表，依次點擊菜單：報表——>報表web屬性——>引用css，在控件自定義樣式表一覽點插入按鈕后寫上上custom_tree.css的相對路徑：custom/custom_tree.css，確定后保存報表
1.6 保存并預(yù)覽
點擊設(shè)計器中的分頁預(yù)覽
2. 填報
2.1 打開reportlets\doc\Tutorial\Form\stuff.cpt 報表
2.2 引用CSS改變焦點框顏色
l 在WebReport目錄下新建一個文件夾，文件名為write，在write文件夾下新建一個名為custom_cell.css的文件,文件內(nèi)容為：.fDtop, .fDbottom, .fDleft, .fDright, .fDdot{ border:1px solid red; }，該語句是用改變焦點框的顏色
l 引用CSS
打開有使用下拉樹控件的報表，依次點擊菜單：報表——>報表web屬性——>引用css，在控件自定義樣式表一覽點插入按鈕后寫上上custom_cell.css的相對路徑：write/custom_cell.css，確定后保存報表
2.3 保存并預(yù)覽
點擊設(shè)計器中的分頁預(yù)覽
