0

我在我的 jsf 2 Web 应用程序中使用 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" 在输入项旁边添加一个下拉按钮：

问题是下拉按钮的大小：它看起来很大，我无法更改它的大小。

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

4

2 回答 2

0 
<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' 这个类可以帮助你。

于 2012-04-23T17:26:13.590 回答
0

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

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

我希望这对你有用。

于 2012-07-28T07:22:50.000 回答