无法以圆形形式设置gwt-button的封面

Question

您好我的GUI中有一个按钮，我使用GWT开发。现在我无法将按钮的角设置为圆角。我尝试使用border-radius，但它根本不会影响我的按钮的外观和感觉。

我在.html文件中使用“com.google.gwt.user.theme.clean.Clean”样式表和MSThemeCompatible。我还提到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样式，该样式具有以下用于GWT-Button的CSS（位于<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课程不会影响您的风格。