Varios usuarios de mi sitio web vinieron a explicarme que ya no era posible hacer clic en las casillas de verificación o hacer clic en el botón "agregar un archivo" (archivo de tipo de entrada)

No pude reproducir el problema hasta que actualicé Google Chrome a la versión 92.0.4515.107

Y pude ver que una de mis clases de CSS anula los parámetros predeterminados porque Google Chrome considera mis entradas como entradas de solo lectura

https://jsfiddle.net/Lfjctwb1/

Ejemplo :

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

Mi clase CSS que anula:

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

¿Cómo modificar mi clase sin tener que modificar todas mis entradas?