java - 无法将 gwt 按钮的封面设置为圆形

Question

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

我在 .html 文件中使用“com.google.gwt.user.theme.clean.Clean”样式表和 MSThemeCompatible。我还提到了http://css3please.com/sit但仍然无法获得预期的结果。

.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类不会影响您的样式。