无法将 gwt 按钮的封面设置为圆形答案

【问题标题】：unable to set gwt-button's covers in rounded form无法将 gwt 按钮的封面设置为圆形
【发布时间】：2013-09-16 10:20:09
【问题描述】：

您好，我的 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;

}

上面是这个按钮的我的类。

任何人都可以就这件事向我提出任何建议，以及我做错了什么。提前致谢

【问题讨论】：

你用什么浏览器测试？
我在 chrome 上试过这个。

标签： java html css gwt stylesheet

【解决方案1】：

我刚用button.setStylename("Mystyle");它奏效了。下面看屏幕截图。如果您对 standard.css 或 clean.css 或任何 theme.css gwt 进行了任何更改，如果处理不当。所以尝试给一个不同的样式名称并尝试一下

【讨论】：

【解决方案2】：

您正在使用 com.google.gwt.user.theme.clean.Clean 样式，它具有以下 GWT 按钮的 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 类不会影响您的风格。

【讨论】：