Struts2 jquery plugin 如何更改自动完成程序小部件的大小

我尝试使用项目中的代码更改选择框的大小：

<strong>Result Div :</strong>
<div id="formResult" class="result ui-widget-content ui-corner-all">Submit form bellow.</div>
<strong>Topics Div :</strong>
<div id="topics" class="result ui-widget-content ui-corner-all"></div>
<s:form id="form" action="echo" theme="simple" cssClass="yform">
    <fieldset>
        <legend>Select Box as Autocompleter</legend>
        <div class="type-select">
            <label for="echo">Echo: </label>
            <sj:autocompleter
                    id="customers"
                    name="echo"
                    list="%{customers}"
                    listValue="name"
                    listKey="id"
                    selectBox="true"
                    selectBoxIcon="true"
                    onChangeTopics="autocompleteChange"
                    onFocusTopics="autocompleteFocus"
                    onSelectTopics="autocompleteSelect"
                    cssStyle="width:100%;"
                    />
        </div>
        <div>
            <sj:submit
                    targets="formResult"
                    value="AJAX Submit"
                    indicator="indicator"
                    button="true"
                    />
            <img id="indicator" src="images/indicator.gif" alt="Loading..." style="display:none"/>
        </div>
    </fieldset>
</s:form>

<br/>

---

但它不起作用。我不知道这段代码有什么问题。

查看生成的HTML，cssStyle和cssClass of tag都没有设置为实际输入字段。但是您可以使用普通CSS来设置此输入字段的样式。在某个元素的内部只更改特定的输入，然后您可以使用类似的内容：

.type-select .s2j-combobox-input {
  width: 100%;
}

---

其中，type select是包装器元素的类，而s2j combobox input是为该元素生成的输入字段的类。

不要认为您可以直接这样做。但是对于css，类似的东西可以完成这项工作。键入select.s2j组合框输入{width:500px；}。如果使用width:100%，它可以工作吗！重要的显然，仅用于调试目的。如果有效，另一条规则将覆盖您的，因为它是内联样式，所以另一条规则是！也很重要。类类型选择和生成的HTML也应该很有用。！“重要”是一个错误的攻击，它迫使浏览器的CSS引擎重新处理选择器目标的所有规则（在您的情况下为您的对象），因为您使用了内联样式，将该规则设置为最重要的规则。它不应该在生产中使用，但通常是，但它是与firebug一起使用的最快的方法，以查看您的规则是否有效，但是否被另一个规则覆盖，或者使用！重要信息，或者如果您的规则根本不起作用。当您设置了一条规则，但它不起宽度作用时：100%；，这可能是由于：1您的规则在语法或语义上是错误的，或2您的规则是正确的，但它被导入的CSS文件、块等中的另一个覆盖。为了立即确保您不在案例2中，您可以设置！对你的规则很重要。然后你就可以开始制定规则了。否则，您可以开始搜索覆盖您的规则，因为它已！也很重要，或者因为它具有更高的特殊性。显然，当您习惯了Firebug的CSS框时，Firebug的CSS框就足够了，而且总体规则的数量不会太多