Controling下拉按钮的大小号码：自动完成（primefaces）

我用我的JSF 2的Web应用程序primefaces 3显示的建议列表：P：自动完成Controling下拉按钮的大小号码：自动完成（primefaces）

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

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

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

是否有一个控制其外观的风格类可能是风格元素，请指导我。

来源

2012-04-23 faissal

<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按钮UI小部件的UI状态默认UI刀尖右UI按钮图标，只有”这个类可以帮助你。

来源

2012-04-23 17:26:13 utkusonmez

根据你的回应我看了控制在primefaces自动完成下拉类：这是** UI的自动完成，下拉** **中的** autocomplete.css \t 的.ui-自动完成的.ui-autocomplete-下拉{0} {0} {0}} {0>光标：指针; width：16px; 身高：100％; position：absolute; right：0; top：0; padding：0 3px; margin-right：-24px; } 如何覆盖此行为并更改其值？ – faissal 2012-04-27 10:12:47

在您的网页复制此代码到<head>：

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

我希望你的作品。

来源

2012-07-28 07:22:50

将这个更好地复制到CSS ;-) – 2014-02-25 08:30:25

Controling下拉按钮的大小号码：自动完成（primefaces）

回答

相关问题