我正在尝试将默认高度更改为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>