2012-03-10 73 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的建议。