CSS para input type = file

[RedeX]

Que tal gente:

Necesito el tag del input type = file para estilos CSS, si alguien lo tiene / sabe.

Aunque creo que no existe...

Saludos

RedeX

[chivi]

Por mi parte, opino igual que vos: "Doy por hecho de que ese botón se quedará por estos tiempos sin estilo... ". Si hay algún método, le desconozco absolutamente.

PD: Probé varias formas, pero en todas ellas fallé

Lo siento.
Saludos!

[Yanix]

No sé si esto es lo que estás buscando...

Si utilizas solamente algo como:

Código:

<form>
   <input TYPE="file" NAME="blahblah">
</form>

El botón y el campo de texto que se crean están atados como una propiedad única. No conozco ninguna forma de hacerlo simultáneamente pues al crearle un estilo, éste se te aplicará a ambos y no correctamente en el botón siempre. Si lo que deseas es cambiar el color del fondo del botón, podrías tratarlos por separado.

Propiedades que quieras aplicar en tu página para las CSS, en este caso por ejemplo yo anadí:

Código:

.mibgcolor {
  color: #009999;
  border: 3px solid #3399CC;
  background-color: #000066;
}

Este sería el código de la página principal:

Código:

<form name="miforma" method="post">
Mi archivo:<br>
<script language="JavaScript">
if (document.all) {
document.write('<input type="file" name="file1" style="display: none;"><input type="text" name="file2"><br>');
document.write('<input type="button" value="Browse ..." class="mibgcolor" name="Buscar" OnClick="document.all.file1.click(); document.all.file2.value=document.all.file1.value">');
} else {
document.write('<input type="file" name="file1">');
}
</script>
</form>

Recuerda dejar cada document.write blahblah en cada linea asi como esta en el código, sino...no te servira. Funciona para IE 5.5 + y Netscape 6+. No sé si para versiones anteriores.

Espero te sirva

[chivi]

¡¡Joer Yanix!! ¡¡Eso si que está rebuscado, pensado y comido el coco!! O sea, si no me equivoco, ¿se oculta el examinador que viene conjunto el input text(display: none), mas luego se crea un botón el cual al pulsarle, toma como referencia el botón del examinar el cual nos recoge el archivo que queremos y nos muestra en el campo de texto su hubicación? ¡¡Jode !! ¿Le hiciste tú? Me sorprendo porque es la primera vez que lo veo..

PD: Ahora que llevo 10 min examinando el código, pienso: ¡Jostris! ¡¡si en el fondo no es era tan dificil!! Al clickar el botón, abro el del examinador y su valor lo coloco en el campo de texto.. jajajaja

Disculpa, pero me dejaste sorprendido.. Mis más sinceras felicitaciones


Saludos!

[Kaopectate]

Yanix, ya he visto unas cuantas soluciones tuyas que podrían sernos muy útiles a todos si las colocas dentro de los FAQs. Esta en particular me parece excelente.

¿Por que no te animas y los colocas?

Nos harías un favor a todos.

Saludos.


NOTA: De hecho, sería muy bueno que tu y todo el que pueda, nos recomienden libros donde conseguir distintos tipos de información.

[RedeX]

Gracias por el código... pensé que no existía

Saludos

RedeX

[Yanix]

chivi ;-D
¿Sabes chivi? Tú y yo nos parecemos...La primera vez me quedé intentando ese código y rompiéndome la cabeza al tratar de cambiar ese botón! Y acudí a los libros...

No me robaré la idea de un genio real Este código lo he usado en dos páginas intranet de un libro...bueno, en el libro le añadieron detalles y código que no vienen al caso, tuve que modificarlo para que hiciera eso, pero la idea no vino de mi.
El nombre del libro... ni me recuerdo! Era de un Paul...no me sé el apellido. Fue hace varios meses atrás. Ya luego lo buscaré y les dejo saber

Kao, ya pondré los códigos luego...pero si quieres, puedes hacerlo. En serio pues :)

[pabloreynoso]

pero al hacer el submit del archivo seleccionado da error, porque te limpia el valor del input type=file

[RUX]

cierto!! te lo borra