2012-03-10 74 views
0

自定義CSS樣式我有以下代碼GWT的按鈕

Button orderButton = new Button(""); 
orderButton.setStyleName("OrderButton"); 
orderButton.getElement().getStyle().setProperty("marginTop", "35px"); 

的CSS看起來像這樣

.OrderButton { 
     width:208px; 
     height:43px; 
     background-image:url('graphics/OrderButton.jpg');border:0;margin:auto; 
} 

.OrderButton-down { 
     width:208px; 
     height:43px; 
     background-image:url('graphics/OrderButton_down.jpg');border:0;margin:auto; 
} 

但點擊按鈕不會改變任何東西。樣式保持不變「OrderButton」和「OrderButton-down」被忽略。

我忘了什麼嗎?

回答

0

你有沒有嘗試過使用通常的CSS標籤活動和懸停?然後

「.OrderButton向下」是這樣的「.OrderButton:激活」 這種方式,您還可以使用:懸停標籤

+0

謝謝。工作了! – toom 2012-03-10 21:09:37

0

這是切換按鈕的那個有.gwt-切換按鈕式樣式。對於一個正常的按鈕,按照Philipp的建議。