复选框 disabled=false 没有焦点

Question

考虑以下情况： 表中存在标签为“X”的列。 X 包含一个复选框，可以选中或取消选中。更准确地说是代码：

<h:form id="form">
  <rich:dataTable id="table"
    <rich:column>
      <f:facet name="header">
        <h:outputLabel value="X" />
          </f:facet>
            <h:selectBooleanCheckbox id="x" readonly="true"
              disabled="true"
              value="#{some condition}"
              styleClass="#{foo() ? 'inputChanged' : '' center" />
              .
              .
              .

我遇到的问题是： 决定复选框是否被选中还不是很清楚。问题是，必须禁用该复选框，否则它会获得焦点并且可以单击该复选框。即使这对后端的数据没有任何影响，我也不希望这种情况发生。客户告诉我，复选框是否被标记，你不能很好地决定。

有没有办法在用户无法进行任何更改时不禁用复选框？或者您有其他想法如何让客户更容易看到它？

Answer 1

以下工作：

input[type=checkbox]:not(:checked) {
    outline:2px solid red;
}

这样，您可以覆盖未选中复选框的样式，使其具有红色边框。