css - GWT按钮的自定义CSS样式

我有以下代码

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

我忘记了什么吗？

最佳答案

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


  然后，“。OrderButton-down”将如下所示：“ .OrderButton：active”
  这样，您还可以使用：hover标签