没有焦点的复选框被禁用=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;
}

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