gwt按钮的自定义css样式

Question

我有以下代码

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”被忽略。

我忘记了什么吗？

Answer 1

您是否尝试过使用常用的css标签并悬停？

  

“。OrderButton-down”看起来像这样“.OrderButton：active”   这样你也可以使用：hover标签

Answer 2

ToggleButton具有.gwt-ToggleButton-down样式。正如Philipp建议的那样，按照普通按钮。