我有GWT
button
並且我想將它的font-size
更改爲15pt
。 在我的Project.css
中,我已將其設置爲font-size
。GWT文本框和按鈕的字體大小不能設置
.gwt-Button {
font-size: 15pt;
}
但這CSS
風格並沒有改變我的按鈕的font-size
。有沒有其他方法可以更改我的button
的font-size
?
我有GWT
button
並且我想將它的font-size
更改爲15pt
。 在我的Project.css
中,我已將其設置爲font-size
。GWT文本框和按鈕的字體大小不能設置
.gwt-Button {
font-size: 15pt;
}
但這CSS
風格並沒有改變我的按鈕的font-size
。有沒有其他方法可以更改我的button
的font-size
?
如果您使用的是GWT主題,它可能會很好地定義喜歡尺寸,所以您必須確保您的樣式表是在加載之後(因此它重新定義字體大小)或使用更具體的選擇器(例如,input.gwt-Button
)。
這實際上取決於如何,何時何地加載樣式表和/或主題樣式表。
注意,您可以繼承< 主題名稱>資源模塊(例如CleanResources而不是清潔)有主題的資源複製到輸出文件夾,但不會自動加載,然後從你的HTML主機負載的樣式表頁面(與任何樣式表一樣使用<link rel=stylesheet href=…>
),因此在後面放置自定義樣式會更容易。
你不應該使用像.gwt-Button這樣的默認樣式名稱,因爲它們可能有優先問題。您可以使用.setStyleName(「customButton」)設置新的樣式名稱,然後在CSS文件中使用它。
例如:
.customButton{
font-size: 15pt;
}
你只需要在重要標誌添加到您的樣式表像
.gwt-Button {
font-size: 15pt !important;
}
或使用您自己的風格名稱爲您的按鈕,如! myButton.addStyleName("myButtonStyle");
在您的代碼和
.myButtonStyle {
font-size: 15pt !important;
}
在您的Project.css文件中。
這對您的TextBox工作方式相同。
我的'TextBox'與我的'Button'有同樣的問題。 – wens
有沒有其他方法可以更改我的按鈕的字體大小?這是通常的做法。看起來你的CSS沒有被應用。嘗試使用不同的單位,如em或%,看看它是否會改變字體大小。如果沒有,你可能會遇到你的Project.css文件沒有和你的HTML文件進行連接的問題。是否應用了其他樣式? – Jawad
嗨。我的css風格正在被應用到我的項目中。實際上,我爲''button'設置了'width',它適用於'font-size',但不適用。我只是不知道爲什麼? – wens