GWT客户端捆绑包！重要

这是不可能的，因为!importantGWT编译器将忽略您。

实际上，GWT编译器将用以下方式替换您的gwt-image: 'superButton'（在编译时）：

.sprite {
  height: 18px; /* width of your img */
  width: 18px; /* height of your img */
  overflow: hidden;
  background: url("data:image/png;base64,iVBORw0KGg...") -0px -0px no-repeat; /* your image data in base64 encoding */
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position-x: 10px;
}

如果要覆盖GWT编译器生成的任何属性，只需在该gwt-image属性之后重新声明要覆盖的属性：

@sprite .superButton {
  gwt-image : 'superButton';
  height: 20px; /* This overrides height:18px; generated by the compiler */
}

定义图像的另一种方法是@url使用ImageResource：

@url superButton superButton;

.superButton {
  background-image: superButton;
}

它将被编译为：

.superButton {
  background-image: url("data:image/png;base64,iVBORw0KGg...");
}

更多信息：http : //www.gwtproject.org/doc/latest/DevGuideClientBundle.html#References_to_Data_Resources