Невозможно установить крышки gwt-button в закругленной форме

Question

Привет У меня есть кнопка в моем графическом интерфейсе, которую я разработал с использованием GWT. Теперь я не могу установить углы кнопок как закругленные. Я попытался использовать радиус границы, но это не повлияло на внешний вид моей кнопки.

Я использую таблицу стилей «com.google.gwt.user.theme.clean.Clean» и MSThemeCompatible в .html-файле. Я также ссылался на http://css3please.com/, но все же не смог получить желаемый результат.

.gwt-Button { 
width:5em; 
font-size: small; 
font-family: Tahoma; 
color: blue; 
-moz-border-radius: 10px; 
-webkit-border-radius:10px; 

}

Выше мой класс для этой кнопки.

Может кто-нибудь предложить мне что-нибудь об этом и что я делаю неправильно. Заранее спасибо

Answer 1

Я только что использовал button.setStylename("Mystyle"); и это сработало. Ниже показан снимок экрана. Если вы внесли какие-либо изменения в файл standard.css или clean.css или любой theme.css gwt переопределяет, если он не обрабатывается должным образом. Так что попробуйте дать другое имя стиля и попробовать его

Answer 2

Вы используете com.google.gwt.user.theme.clean.Clean стиль, который имеет следующий CSS для GWT-Button (расположенный на <PROJECT>\war\<MODULE>\gwt\clean\clean.css):

.gwt-Button { 
    margin: 0; 
    padding: 5px 7px; 
    text-decoration: none; 
    cursor: pointer; 
    cursor: hand; 
    font-size:small; 
    background: url("images/hborder.png") repeat-x 0px -2077px; 
    border:1px solid #bbb; 
    border-bottom: 1px solid #a0a0a0; 
    border-radius: 3px; 
-moz-border-radius: 3px; 
} 

Ваш border-radius является переопределяется по умолчанию gwt-Button.

Используйте другое название класса.

И используйте button.setStyleName("yourClassName"); вместо button.addStyleName("yourClassName");, поэтому класс по умолчанию gwt-Button не влияет на ваш стиль.