复选框已禁用= false而没有焦点

Question

考虑以下情况： 表格中有一列标有＆＃34; X＆＃34;。 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;
}

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