приободрить размер кнопки выпадающего в р: автозавершения (primefaces)

Я использую primefaces 3 в моем веб-приложение JSF 2 показать список предложений: р: автозаполнениеприободрить размер кнопки выпадающего в р: автозавершения (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-состояние-интерфейс по умолчанию угла правой кнопкой щ-значок только' этот класс может помочь вам.

источник

2012-04-23 17:26:13 utkusonmez

на основе вашего ответа я искал класс, который управляет автозаполнения раскрывающегося списка в primefaces: Это ** щ-автозаполнения-выпадающий ** в ** ** autocomplete.css \t .ui-автозаполнения .ui-autocomplete- dropdown { cursor: указатель; ширина: 16px; высота: 100%; позиция: абсолютная; правый: 0; верх: 0; обивка: 0 3px; margin-right: -24px; } Как я могу переписать это поведение и изменить его значения? – faissal

В вашей странице скопировать этот код в <head>:

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

Я надеюсь, что работает для вас.

источник

2012-07-28 07:22:50

Будет лучше скопировать это в CSS ;-) –

приободрить размер кнопки выпадающего в р: автозавершения (primefaces)

ответ

Смежные вопросы