我正在使用GWT应用程序,但是有一个错误:我的按钮浏览(这是FileUploadField类)的宽度比正常的宽,请看一下:
当我检查元素并将元素的宽度设置为20 px时,一切正常。但是我不知道如何在GWT中进行编程设置(CSS中该类的名称为“ x-form-file”),我尝试了一些来自Internet的解决方案,例如:
fileUploadField = new FileUploadField();
fileUploadField.setAllowBlank(false);
fileUploadField.setName("uploadedFile");
fileUploadField.setFieldLabel("File");
fileUploadField.getElement().getStyle().setProperty("width", "20px");
但没有成功。有人可以帮助我如何在我的gwt代码中以编程方式在CSS中获得该类吗?
最佳答案
您需要创建一个CSS Client捆绑包(一个接口),如下所示:
interface MyCss extends CssResource {
String className();
}
之后,您需要将此束作为实例变量包含在类中:
@UiField
MyCss样式;
然后可以在代码中使用以下方式添加样式:
fileUploadField.addStyleName(style.className())
在代码中使用CSS有点样板,有关详细示例,请查看GWT网站:LINK