Пользовательский стиль 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

Вы пробовали использовать обычные теги css активны и наведите курсор?

«.OrderButton-вниз» будет выглядеть, как это «.OrderButton: активный» Таким образом, вы также можете использовать: парения тег

Answer 2

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