Question

我在我的jsf 2网络应用程序中使用primefaces 3来显示建议列表：p：autoComplete

 <p:autoComplete
     value="#{articleBean.unite}"
     completeMethod="#{articleBean.autocompleteUnite}"
     var="item" itemLabel="#{item.code}" itemValue="#{item}"
     converter="#{articleBean.uniteConverter}" 
     dropdown="true"/>

属性dropdown =“true”在输入项旁边添加一个下拉按钮：

问题是下拉按钮的大小：它看起来很大，我不能改变它的大小。

是否有一个样式类来控制它的外观可能是样式元素，请指导我。

Answer 1

<button class="ui-button ui-widget ui-state-default ui-corner-right ui-button-icon-only"         type="button" style="**width: 100px;**">
 <span class="ui-button-icon-primary ui-icon ui-icon-triangle-1-s"></span>
 <span class="ui-button-text"></span>

'ui-button ui-widget ui-state-default ui-corner-right ui-button-icon-only'这个课程可以帮到你。

Answer 2

在您的页面中将此代码复制到<head>：

<style>
button.ui-button-icon-only {width: 1em} 
</style>

我希望这适合你。

控制p：autoComplete（primefaces）中下拉按钮的大小

2 个答案: