如何拆分单选按钮但保持分组

Question

我是JSF的新手（以及Seam，JBOSS，还有什么不是），我完成了这个任务，在第一个单选按钮和第二个单选按钮之间添加文本，如图（红色文本）所示：

这真让我困惑。这可以实现吗？今天它只是吐出单选按钮（来自List＆lt;＆gt;）：

<h:selectOneRadio id="foobarAlternativRadio" value="#{foobarController.valdFoobarAlternativ}" layout="pageDirection" styleClass="radio" style="margin: 0" tabindex="#{nextTabIndex}" disabled="#{foobarController.visaAnnan}">
    <s:selectItems value="#{foobarController.foobarAlternativ}" var="alternativ" label="#{alternativ.itemLabel()}"/>
    <s:convertEnum />
</h:selectOneRadio>

使用JavaScript很容易解决，但它不是一个选项，因为它必须在没有JS的情况下工作。

我的问题：

• 可以这样做吗？

如果是这样的话：

• 我应该采取什么方法/从哪里开始？ （我可以写一些自己的渲染结构吗？）

附加信息：我必须提出一个可以在不使用JS的情况下使用IE6和更新的Web浏览器的解决方案。

编辑：CSS是一种以某种方式解决这个问题的方法吗？

Answer 1

您可以使用CSS修复它。尝试这样的事情：

.radio:first-child:after {
    content: "Your content";
    color: #FF000;
}