css - 为 selectOneRadio 生成的标签添加样式

Question

如何将radio-inline control-label样式类添加到此代码生成的标签中？

<h:selectOneRadio>
    <f:selectItem itemValue="0" itemLabel="Male" />
    <f:selectItem itemValue="1" itemLabel="Female" />
</h:selectOneRadio>

Answer 1

您可以为此使用enabledClass和disabledClass属性。它们将应用于呈现的标签。假设您没有禁用的项目，应该这样做。

<h:selectOneRadio enabledClass="radio-inline">
    ...
</h:selectOneRadio>

另一种方法是重新定义 CSS 选择器，如下所示，以便选择标签并设置其样式。

<h:selectOneRadio styleClass="radio-inline">
    ...
</h:selectOneRadio>

.radio-inline label {
    ...
}

一个完全不同的选择是手动自定义单选按钮，另见<h:selectOneRadio> 呈现表格元素，如何避免这种情况？

Answer 2

可以将类添加到 selectOneRadio 的标签中

<h:selectOneRadio disabledClass ="radio-inline" enabledClass ="radio-inline">