modificar o botão input file

[laisf 0]

Ola pessoal, estou querendo estilizar um botão de input file, busquei alguns tutoriais pela net mas não obtive sucesso, vi tbm que é mais complicado de estilizar esse tipo de botão. Segue o codigo, se alguem puder me dar uma luz agradeço. Gostaria que o botão file ficasse igual o submit.

<form action="" method="post" enctype="multipart/form-data"><font class="texto">Arquivo:</font>
                                     <input type="file" name="arquivo">
                                     <input type="submit" id='show-test-1' value="Enviar" class="upload_botao_envia" >
</form> 

.upload_botao_envia { width:80px; height:30px; color:#fff; font: 11px Verdana; background:#2A4889; border-radius:7px;}

[pmmartinelli 13]

Existem algumas opções tanto em CSS quanto Javascript.

 

Segue opções bem fáceis, apenas com CSS:

 

http://geniuscarrier.com/how-to-style-a-html-file-upload-button-in-pure-css/

 

http://cssdeck.com/labs/custom-css-file-upload-form-control

 

E uma outra opção bem legal, com jQuery FileStyle:

 

http://markusslima.github.io/jquery-filestyle/#Options

 

Basta editar o CSS para atender a tua necessidade.

 

Divirta-se!