如何在p：selectOneMenu中对齐组件

Question

我正在尝试制作＆＃34;组件＆＃34; PrimeFaces SelectOneMenu的右对齐以适应表单的一般外观。

它适用于selectItems，但所选的一个具有某种偏移量 有没有办法解决这个问题，除了硬编码px中的位置？

以下是表单中一行的代码 和我添加的CSS，以使值正确对齐 通过添加css，这些值实际上与SelectOneMenu的右边对齐，但是你可以在图片中看到所选值在右侧有一个很大的边距

<p:column style="vertical-align:top;padding-top:8px">
    <p:panelGrid id="tdkDetailsPanel" styleClass="hardwareDetailsPanel" columns="2">
<h:outputLabel value="Item: " />
<p:selectOneMenu value="#{backingBean.selectedItemId}">
  <f:selectItems value="#{backingBean.availableItemIds}" />
  <p:ajax update="itemDetailsPanel" />
</p:selectOneMenu>
<!-- more of the same -->
</p:panelGrid>
</p:column>

.ui-selectonemenu {
    width: 100% !important;
    text-align: right !important;
}

.ui-selectonemenu-panel {
    text-align: right !important;
}

.ui-selectonemenu-list-item {
    text-align: right !important;
}

.ui-selectonemenu-label {
    text-align: right !important;
}

Answer 1

我使用

解决了我的问题

<h:selectonemenu>

而不是

<p:selectonemenu>

将text-align属性添加到此为我提供了所需的结果

Answer 2

以下代码适用于我：

.ui-selectonemenu .ui-selectonemenu-label {
    text-align: right;
}