Question

我有左文本对齐的表格。我怎么只能将复选框设置为右对齐文本？

    <h:panelGroup styleClass="table-right">
           <h:selectBooleanCheckbox value="#{bean.method}"> </h:selectBooleanCheckbox>
     </h:panelGroup>

    .table-right {
        text-align: right;
    }

HTML输出：

    <tr>
    <td>Security Question</td>
    <td><textarea id="form:securityquestion" name="form:securityquestion" cols="60" rows="3" onblur="mojarra.ab(this,event,'blur',0,'form:securityquestionvalidator')"></textarea><span id="form:securityquestionvalidator"></span></td>
    </tr>
    <tr>
    <td>Security Answer</td>
    <td><textarea id="form:securityanswer" name="form:securityanswer" cols="60" rows="3" onblur="mojarra.ab(this,event,'blur',0,'form:securityanswervalidator')"></textarea><span id="form:securityanswervalidator"></span></td>
    </tr>

是否有任何解决方案只更改CSS复选框的单元格对齐？

Answer 1

此css无效

.table-right {
    text-align: rigth;
}

因为你有拼写错误rigth不是单词。它必须是right。

Answer 2

使用正确的拼写错误代替[text-align：rigth]

.table-right {
    text-align: right;
}

Answer 3

.table-right input[type="checkbox"] {
  float: right;
}

这应该将您的复选框对齐

Answer 4

尝试将styleClass="table-right"粘贴到selectBooleanCheckbox部分。并试着在css上使用！重要规则。

赞：<h:selectBooleanCheckbox styleClass="table-right" value="#{bean.method}"> </h:selectBooleanCheckbox>

.table-right {
        text-align: right !important;
    }

在右侧设置文本对齐

4 个答案: