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 and disabledClass为此的属性。它们将应用于呈现的标签。假设您没有禁用的元素，这应该可以。

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

另一种方法是按如下方式重新定义 CSS 选择器，以便选择和设置标签的样式。

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

.radio-inline label {
    ...
}

另一种完全不同的替代方法是手动自定义单选按钮，另请参阅 <h:selectOneRadio> renders table element, how to avoid this?