necesidad
Use CSS para deshabilitar el control de entrada para lograr el efecto de deshabilitación
analizar
En js, utilizamos los siguientes métodos para evitar los eventos predeterminados de entrada, selección, casilla de verificación, como
javascript event.preventDefault() event.stopPropagation()
Pero en CSS, podemos establecer el efecto de que no se puede hacer clic en el cuadro de entrada y agregar la transparencia del cuadro de entrada para lograr el efecto deshabilitado.
el código
<input style="pointer-events: none;background-color: rgba(233, 233, 233, 0.5);" />