PrimeFaces自动完成更改默认大小

Question

我试图改变autoComplete(primefaces 3.3)的大小,我尝试了以下所有选项,但大小保持不变.

size="600"
Style="width:600px;"
StyleClass > css file with width:600px;

但它们都没有增加尺寸,所以我该怎么办呢.

注意:我注意到如果我指定(width> PanelGrid大小),则面板网格大小会自动更改,但autoComplete仍然是默认大小.

更新:我的autoComplete代码

<p:autoComplete id="autoTest" value="#{testMB.selectedTest}" 
completeMethod="#{testMB.completeTest}" var="test" 
itemLabel="#{test.name}" itemValue="#{test}" converter="#{testConverter}"
forceSelection="TRUE"  queryDelay="1000" multiple="TRUE" size="600" 
process="@this">

Answer 1

我使用该inputStyle属性更改了Primefaces 5.2中AutoComplete的默认大小.

例:

inputStyle="width: 100px"

Answer 2

只需改变size;

     size="30"

    <p:autoComplete id="yourId" value="#{YourBean.value}" completeMethod="#{YurBean.complete}" size="30"/> 

Answer 3

要更改AutoComplete.的大小,您需要覆盖自动完成的primefaces的默认styleClass.使用firebug,您可以准确地找到样式名称.如果使用firebug.检查AutoComplete元素,则可以覆盖类似的样式.ui-autocomplete-input.ui-inputfield { width : 50px !important;
}

这里注意到重要的是坚持要高度重视.

Answer 4

我使用下面的CSS做到了

.ui-autocomp .ui-inputfield {
clear: left;
cursor: text;
list-style-type: none;
margin: 0;
min-height: 1px;
overflow: hidden;
width: 250px;
}

只需确保选择不超过 250px，否则关闭图标+额外文本将不可见。

注意：我从 primeface css 文件中得到这个