css - 如何设置 selectBooleanRadio 元素使其标签位于左侧？

Question

根据 https://myfaces.apache.org/trinidad/skin-selectors.html#MiscSelectors ,我试图通过 styleClass 属性来做到这一点。

我已经尝试通过 float 和文本对齐将 af|selectBooleanRadio::content 和 af|selectBooleanRadio::label 设置为左​​右，简单设置为 false 或 true - 没有任何帮助。

这是 HTML:

 <!--Start: org.apache.myfaces.trinidad.SelectBoolean["timeIntervalRadio_referenceConfirmation_radio"]-->
 <span class="{text-align:left} af_selectBooleanRadio" id="timeIntervalRadio_referenceConfirmation_radio__xc_r">
 <span class="af_selectBooleanRadio_content">
 <input id="timeIntervalRadio_referenceConfirmation_radio" title="Reference Confirmation" name="timeIntervalRadio" type="radio" value="timeIntervalRadio_referenceConfirmation_radio">
 <label for="timeIntervalRadio_referenceConfirmation_radio">
 <!--Start: org.apache.myfaces.trinidad.SelectBoolean["timeIntervalRadio_referenceConfirmation_radio"]-->
 Confirmation reference
 </label>
 </span>

这里是 selectBooleanRadio 调用:

       <c:set var="styleClass" value="{text-align:left}"/>
       <tr:selectBooleanRadio
              group="#{groupId}"
              id="#{radioId}"
              shortDesc="#{ib:fn_coalesce(title,label)}"
              simple="#{ib:fn_coalesce(simple,true)}"
              text="#{radioText}"
              styleClass="#{ib:fn_coalesce(styleClass,'selectTimeIntervalRadio')}"/>

Answer 1

这似乎是特立尼达的一个错误。您会希望 label 在 class 属性(开发中)中使用 af_selectBooleanRadio_label 呈现，就像 af_selectBooleanRadio_content在周围的 span 中使用。

您可以通过在您的皮肤中使用以下规则简单地解决这个问题:

af|selectBooleanRadio::content label { float: right; }

(开发中)这将在您的 CSS 中以如下形式结束:

.af_selectBooleanRadio_content label { float: right; }