css - 在 UI Binder xml 文件中更改 gxt 标签小部件样式时遇到问题

Question

基本上，我想更改由 GXT 生成的 gxt 小部件 FieldLabel 元素标签的样式。

它有样式类:com-sencha-gxt-theme-base-client-field-FieldLabelDefaultAppearance-Style-fieldElement

根据firebug的实际样式设置在:

element.style {
    white-space: normal;
    width: 100px;
}

问题是我无法覆盖 100px 的宽度；

我有这样的表格:

<container:FlowLayoutContainer>
         <form:FieldSet ui:field="fieldSet" headingText="User Information" collapsible="true" height="70" >
            <container:HorizontalLayoutContainer>
              <container:child layoutData="{horizontalLayoutData}">
                <form:FieldLabel text="From" >
                  <form:widget>
                    <form:TextField allowBlank="false" />
                  </form:widget>
                </form:FieldLabel>
              </container:child>
              <container:child layoutData="{horizontalLayoutData}">
                <form:FieldLabel text="To">
                  <form:widget>
                    <form:TextField allowBlank="false" />
                  </form:widget>
                </form:FieldLabel>
              </container:child>
            </container:HorizontalLayoutContainer>
          </form:FieldSet>
        </container:FlowLayoutContainer>

有什么解决办法吗？

我尝试了很多方法，但没有一个对我有用。

Answer 1

您可以使用 !important 通过 CSS 覆盖标签的宽度。

但是我建议你用 Sencha 的方法改变宽度setLabelWidth(int)通过 Java 代码