2011-04-15 19 views
0

我想知道如果有人知道如何更改GWT中的flextable的字體大小?我嘗試過無數次嘗試,並且無處不在,但似乎沒有解決方案。我有一個GWT flexTable,和許多類似的標籤......更改字體大小的一個靈活的gwt

user_info.setText(5, 0, "Organization:"); 

目前我一直在試圖寫在CSS網頁風格與代碼

.smallFont 
{ 
    font-size: 6pt; 
    background-color: #66ff66; 
} 

我設置flexTable到該樣式和表格的背景更改,但字體不。任何幫助將不勝感激。我到處都在網上看。我甚至試圖改變默認樣式頁面做的每個組件...

.gwt-FlexTable 
{ 
    font-size: 6pt; 
    background-color: #66ff66; 
} 

但無濟於事......

因此泄氣=(

+3

您是否使用過螢火蟲查看字體大小來自哪裏?它很好地向你展示CSS在哪裏被覆蓋。 – 2011-04-15 18:23:16

回答

1

我用螢火找出CSS樣式GWT的,然後在我的CSS文件我用「!重要」,以覆蓋現有的CSS樣式。下面有一個例子。

.gwt-TabPanelBottom { 
    border-width: 1px !important; 
    background: none no-repeat scroll center center #F6F6FF !important; 
    padding: 0 !important; 
    border: 2px solid #BFCC99 !important;  
} 
0

覆蓋的CSS通過您的XML與進口!重要ST atement。

或者如果需要,您可以下載這些基本的css文件,手動包含它們的副本,在xml中註釋掉所有內容,並擁有完整的樣式控制。

這裏例如clean.css文件:

http://code.google.com/p/google-web-toolkit/source/browse/trunk/user/src/com/google/gwt/user/theme/clean/public/gwt/clean/clean.css?r=10894

具體來說,改變字體在GWT的Flex表(假設您正在導入clean.css),添加這個例子您的自定義CSS文件並覆蓋您導入的表td樣式:

table td{ 
    font: 18px Arial, sans-serif !important; 
}