自上次 chrome 更新以来，我的 HTML 输入字段默认为“只读”

Question

我网站的几个用户向我解释说，不再可以单击复选框或单击“添加文件”按钮（输入类型文件）

在将 Google chrome 浏览器更新到版本 92.0.4515.107 之前，我未能重现该问题

我可以看到我的 CSS 类之一覆盖了默认参数，因为 Google Chrome 将我的输入视为只读输入

https://jsfiddle.net/Lfjctwb1/

例子 ：

<div class="form-check">
  <input class="form-check-input" type="checkbox" id="confirm-checkbox" required="">
  <label class="form-check-label" for="confirm-checkbox">
    <strong>I confirm</strong>
  </label>
</div>

<br>
<br> 

<input type="file" name="my_file" required />

我的 CSS 类覆盖：

.disabled, input:read-only {
    pointer-events: none;
}

如何修改我的类而不必修改我的所有输入？

Answer 1

这按照规范的预期工作，并且不会被修复。

https://html.spec.whatwg.org/multipage/input.html#attr-input-readonly https://html.spec.whatwg.org/multipage/semantics-other.html#selector-read-only

更多信息：https://bugs.chromium.org/p/chromium/issues/detail? id=1259187