Use CSS para deshabilitar el control de entrada para lograr el efecto de deshabilitación

Directorio de artículos

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

inserte la descripción de la imagen aquí

<input style="pointer-events: none;background-color: rgba(233, 233, 233, 0.5);" />

Supongo que te gusta

Origin blog.csdn.net/qq_53810245/article/details/131403598
Recomendado
Clasificación