Пользовательский стиль CSS для кнопки GWT

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

Это кнопки ToggleButton, которые имеют стиль .gwt-ToggleButton-down.Для нормальной кнопки сделайте так, как предложил Филипп.

Answer 2

Вы пробовали использовать обычные css-теги active и hover?

". OrderButton-down" будет выглядеть так ".OrderButton: active" Таким образом, вы также можете использовать тег: hover