My HTML input field is "readonly" by default since the last chrome update

Several users of my website came to explain to me that it was no longer possible to click on the checkboxes or to click on the "add a file" button (input type file)

I failed to reproduce the problem until I updated Google chrome to version 92.0.4515.107

And I could see that one of my CSS class override the default parameters because Google chrome considers my inputs as read only inputs

https://jsfiddle.net/Lfjctwb1/

Example :

<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 />

My CSS class that override :

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

How to modify my class without having to modify all my inputs ?