Estilo para Input File

[morfasto]

Hola, que tal?

Estuve buscando la manera para hacer que un file input tenga un estilo personalizado y no el que es por defecto, pero no lo logre.

Mi idea es hacer que sea igual a los demas botones que tengo en distintas partes de mi pagina web, con active:

Código CSS:

input[type=submit]{
    background:#262626;
    width:70px;
    background:#262626;
    color:#ccc;
    border:1px solid #ccc;
}
input[type=submit]:active{
    color:#2D658C;
    border:1px solid #2D658C;
}
 

Código HTML:

<input type="file" name="examinar">
<input type="submit" name="subir_foto" value="Subir Foto">
 

Alguna idea?

Muchas gracias!

[rege]

Con jquery. Hay por ejemplo un plugin, filestyle que te puede servir.

[morfasto]

Existe alguna otra manera sin tener que poner una imagen?

[ryugen]

Los navegadores no soportan cambiar el estilo para ese control.

Fuente: http://www.quirksmode.org/dom/inputfile.html