Resumen de la modificación de estilo de cuadro de entrada de tipo = "archivo"

El archivo de entrada = archivo en el formulario a menudo se usa en el desarrollo frontal, pero lo trágico es que el tipo de entrada = archivo no funciona de manera uniforme en cada navegador, y el estilo es difícil de trabajar; Entonces, ¿cómo lidiamos con este problema? Este es el contenido principal que discutimos hoy . ¿Cuál es la entrada de tipo = archivo?

No creo que sea necesario decir nada sobre esto. De todos modos, todos lo saben. En la era de varios teléfonos móviles, puede subirlo tomando fotos directamente. De todos modos, es mucho más divertido que antes.

En el pasado, solo podía subir un archivo. Ahora, mientras se agregue el atributo múltiple, se pueden cargar múltiples archivos, y hay muchos formatos de archivo compatibles. No diré mucho. Para obtener más detalles, consulte http://www.w3.org/html/ig/zh/wiki/html5/number-state#.e6.96.87.e4.bb.b6.e4.b8.8a.e4.bc.a0.e7.8a.b6.e6.80.81

Cualquiera que haya jugado CSS sabe que entre los elementos HTML, la modificación del estilo de los elementos de control de formularios es el más doloroso. Los estilos de muchos controles se cambian según el tema del sistema. Si desea modificarlos, solo puede implementarlos por simulación, especialmente en el navegador IE.

Para el botón de carga tipo = archivo, hemos modificado su estilo. Algunas personas han utilizado métodos de simulación, pero se dice que puede haber algunos llamados problemas de seguridad al usar métodos de simulación. Bueno, para una página como yo, Chetuzi, no lo entiendo, e incluso si lo entiendo, no sé cómo lidiar con eso. Entonces no lo simules ...

Pero si no simula, ¿cómo modifica el estilo?

El método que conocía antes, y el método que todos saben es colocar transparentemente el botón Tipo = Archivo de carga y luego superponerlo en una imagen, para que las personas puedan sentir que se logra haciendo clic en cargar la imagen, y no es necesario mirar el botón de carga nativo.

Copiar el código