라디오 버튼을 나누지 만 그룹화를 유지하는 방법

Question

JSF (및 Seam, JBOSS 등)에 처음으로 새로 추가 한 내용으로 그림과 같이 첫 번째 라디오 버튼과 두 번째 라디오 버튼 사이에 텍스트를 추가하는 작업이 있습니다. 빨간색 텍스트) :

이 정말 날 퍼즐. 달성 가능합니까?

<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 및 최신 웹 브라우저에서 작동하는 솔루션을 찾아야합니다.

편집 : CSS가 어떤 방식으로 이것을 해결할 수 있습니까?

Answer 1

CSS로 수정할 수 있습니다.

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