如何设置selectOneMenu框的大小

Question

我无法在谷歌上找到答案。我有一个选择框，我想扩展输入字段，使一个选择框至少拉伸3行。我知道用html它只是一个简单的'size =“3”'，但我正在研究的项目是使用primeface - xhtml，而selectbox如下所示

<p:selectOneMenu  id="areas" value="#{beanMb.item}" class="form-control" style="width:100%;" required="true"  >
       <f:selectItem itemLabel="Select One" itemValue="" />
       <f:selectItems value="#{anotherbeanMb.itemSelectItem}" itemLabel="anotherbeanMb.itemSelectItem.descricao" itemValue="anotherbeanMb.itemSelectItem.codArea" />
</p:selectOneMenu>

Answer 1

PrimeFaces不使用<select>元素渲染p:selectOneMenu组件，尝试使用css样式定义包含元素列表的div的min-height 像这样的东西：

div[id$="areas_panel"] .ui-selectonemenu-items-wrapper {
    min-height: 100px !important;
}