jsf格式选择器Radio元素具有不同的css

有没有一个选项或方法可以将h:selectOneRadio的f:selectItems设置为不同的样式？我想要一个突出显示的红色和绿色单选按钮

---

在谷歌上搜索之后，我发现：

HTML文件：

<label for="radio1">label 1</label><span></span><input type="radio" id="radio1" name="myRadio" checked="checked"/><span></span>
<label for="radio2">label 2</label><span></span><input type="radio" id="radio2" name="myRadio" /><span></span>
<label for="radio3">label 3</label><span></span><input type="radio" id="radio3" name="myRadio" /><span></span>
<label for="radio4">label 4</label><span></span><input type="radio" id="radio4" name="myRadio" /><span></span>

---

希望它能帮助你

Thx，但问题是，渲染时没有创建元素

我找到了解决办法：

table.choices > tbody > tr:first-child input:checked + label{
    background-color:#228b22;
    color:#F7F7F7;
}

table.choices > tbody > tr:first-child + tr input:checked + label{
    background-color:#800000;
    color:#F7F7F7;
}

---

在未来的CSS问题中，如果您展示JSF生成的HTML输出，而不是谈论JSF组件/标签，这将非常有用，因为一般CSS开发人员对JSF组件/标签一无所知（因此您通常只能得到无用的低质量和虚假的答案）。这实际上完全有道理：CSS根本不适用于JSF源代码，而是适用于HTMLDOM树（由JSF生成）。在关于HTML、CSS和JS的问题中尽量减少不相关的JSF噪音。得到答案后，您只需更改JSF源代码，使其生成所需的HTML/CSS/JS代码。

table.choices > tbody > tr:first-child input:checked + label{
    background-color:#228b22;
    color:#F7F7F7;
}

table.choices > tbody > tr:first-child + tr input:checked + label{
    background-color:#800000;
    color:#F7F7F7;
}