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

问：

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

在将 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;
}

如何在不修改所有输入的情况下修改我的类？