PrimeFaces:更改selectOneMenu标签边框的默认高度

时间:2018-01-23 13:45:16

标签: css jsf primefaces

我正在尝试将默认高度更改为PrimeFaces中的selectOneMenu(标签的边框)组件,但我面临的问题是边框没有被更改。如何更改selectOneMenu标签边框的默认高度?

CSS代码

<style type="text/css">                    
   .selectOperationOneMenu.ui-selectonemenu {
      min-width: 30% !important;
     margin-top: 20px;
   }
   .selectOperationOneMenu.ui-selectonemenu .ui-selectonemenu-label {
      height: 25px !important;
      line-height: 25px !important;
   }
   .selectOperationOneMenu.ui-selectonemenu .ui-selectonemenu-trigger {
      height: 25px !important;
   }                    
</style>

PrimeFaces xhtml代码

<p:selectOneMenu id="selectOneMenu"  
                 scrollHeight="100" 
                 value="#{viewEventStatusController.operationId}" 
                 autoWidth="false"
                 style="#{componentUnit.style}" 
                 styleClass="selectOperationOneMenu" 
                 disabled="#{!chat.valid}" 
                 rendered="#{componentUnit.type == 'selectOneMenu'}">
  <f:selectItems value="#{viewEventStatusController.convertJsonToList(chat.operations)}"
                 var="operation" 
                 itemValue="#{viewEventStatusController.getOperationIndex(operation)}"
                 itemLabel="#{operation}" />
  <p:ajax event="change"
          update="@form"
          resetValues="true" 
          listener="#{viewEventStatusController.changeSelectOnMenueOperation(chat, componentUnit)}" />
</p:selectOneMenu>

enter image description here

0 个答案:

没有答案