2011-10-20 156 views
1

我有GWTbutton並且我想將它的font-size更改爲15pt。 在我的Project.css中,我已將其設置爲font-sizeGWT文本框和按鈕的字體大小不能設置

.gwt-Button { 
    font-size: 15pt; 
} 

但這CSS風格並沒有改變我的按鈕的font-size。有沒有其他方法可以更改我的buttonfont-size

+0

我的'TextBox'與我的'Button'有同樣的問題。 – wens

+0

有沒有其他方法可以更改我的按鈕的字體大小?這是通常的做法。看起來你的CSS沒有被應用。嘗試使用不同的單位,如em或%,看看它是否會改變字體大小。如果沒有,你可能會遇到你的Project.css文件沒有和你的HTML文件進行連接的問題。是否應用了其他樣式? – Jawad

+0

嗨。我的css風格正在被應用到我的項目中。實際上,我爲''button'設置了'width',它適用於'font-size',但不適用。我只是不知道爲什麼? – wens

回答

3

如果您使用的是GWT主題,它可能會很好地定義喜歡尺寸,所以您必須確保您的樣式表是在加載之後(因此它重新定義字體大小)或使用更具體的選擇器(例如,input.gwt-Button)。
這實際上取決於如何,何時何地加載樣式表和/或主題樣式表。

注意,您可以繼承< 主題名稱>資源模塊(例如CleanResources而不是清潔)有主題的資源複製到輸出文件夾,但不會自動加載,然後從你的HTML主機負載的樣式表頁面(與任何樣式表一樣使用<link rel=stylesheet href=…>),因此在後面放置自定義樣式會更容易。

0

你不應該使用像.gwt-Button這樣的默認樣式名稱,因爲它們可能有優先問題。您可以使用.setStyleName(「customButton」)設置新的樣式名稱,然後在CSS文件中使用它。

例如:

.customButton{ 
font-size: 15pt; 
} 
0

你只需要在重要標誌添加到您的樣式表像

.gwt-Button { 
    font-size: 15pt !important; 
} 

或使用您自己的風格名稱爲您的按鈕,如! myButton.addStyleName("myButtonStyle");在您的代碼和

.myButtonStyle { 
    font-size: 15pt !important; 
} 

在您的Project.css文件中。

這對您的TextBox工作方式相同。

相關問題