Input File não aparece no IE 8

[Scientist 2]

Boa Tarde, estou com o seguinte problema:

 

Em todos os navegadores aparece normalmente aquele botão do input file (escolher arquivo...), porém no IE 8 o botão não está aparecendo.

[Diéssica 140]

Regra do Fórum: 05ª - Post UP!

Favor não postar mensagens com o objetivo de evidenciar o tópico, tornando-o primeiro da lista de tópicos (up), tal como mensagens repetitivas e/ou que não condizem com o assunto do tópico em questão (flood).

:seta: http://forum.imasters.com.br/index.php?app=core&module=help&do=01&HID=32

 

Posta o código ou um link pra página online :)

[Scientist 2]

codigo do formulario:

 

 
<form class="registro" action="#" enctype="multipart/form-data" method="post" name="form" onreset="history.back(1)"> 

<label for="nome">Nome</label><input type="text" id="nome" name="nome" />
<label for="email">E-mail</label><input type="text" id="email" name="email" />
<label for="telefone">Telefone</label><input type="text" id="telefone" name="telefone" />
 <label for="mensagem">Mensagem</label><textarea rows="10" cols="70" name="mensagem" id="mensagem"></textarea><br /><br />  
 <label for="curriculo">Selecione o seu Currículo (Formato PDF, máximo 2MB)</label> <input type="file" name="curriculo" id="curriculo" />
<br /><br />
<input type="submit" name="enviar" value="Enviar" />
<input type="reset" name="limpar" value="Limpar" />

</form>

 

aqui uma imagem de como fica o campo file : http://s14.postimage.org/tsby9kapt/curricul.png

[Henrique Barcelos 290]

Ah sim, o problema aí é o CSS, oras...

O IE aceita formatação nos campos do tipo file.

Poste as regras CSS que afetam os inputs.

[Scientist 2]

Bom, esta é a unica regra de css que abrange os formularios, porém nada que pegue o INPUT FILE :

 

/*////////////////////////////*/

/* FORMULÁRIO */
form.registro{   
 padding: 15px;
 }  
form.registro label{
  display: block;
width: 200px;
margin-bottom: 4px;
font-weight:bold;
 }    
form.registro .check{margin-top:20px; margin-bottom:20px;}  
form.registro .check label{
 width:64px;
 height:35px;
 text-align:center;  
 }  
form.registro input[type=submit], form input[type=reset]{
 width:200px;
 height:40px;
 } 
form.registro input[type=text], form input[type=password] {
 width: 250px;
 height: 25px;  
 border: 1px solid #c0c0c0;  
 margin-bottom: 15px;
}
form.registro select{
width: 250px; height: 25px;border: 1px solid #c0c0c0; margin-bottom: 15px;
}
form.registro input[type=text]:hover, form input[type=password]:hover{
border: 1px solid #a0a0a0;
}
/*////////////////////////////////////////////////////////////////*/

[Guilherme Oderdenge 42]

De fato, não existe nada de errado - tanto com o formulário, quanto com o input.

 

Mas vamos fazer o seguinte, vamos forçar as coisas. Adicione isso no seu CSS:

input[type="file"]{
 background: #fff;
        border: 1px solid #ff0000;
}

Se você notar alguma alteração, então é de fato a estilização do seu campo que em algum outro momento você estilizou sem saber/perceber.

 

Como o problema é específico com o IE, sugiro você criar uma condição e fazer com que o input apenas seja estilizado no navegador em questão.