CSS do imputy type="file"

[Gilberto Jr 26]

Boa noite.

 

Seguinte, eu tenho um formulario que tem um input type file.

 

No Mozilla e no IE ele fica da seguinte forma

 

Quando eu entro pelo site atraves do Chrome e outros navagadores fica da seguinte forma.

 

Poderia me ajudar?

 

Att;

[Marcos Xavier 189]

Posta o html e o css

[William Bruno 1501]

ainda não é possível estilizar esse elemento.

[Gilberto Jr 26]

Entendi, mesmo se na div que ele estiver dentro se eu determinar a largura em pixel ele num deveria ficar no máximo no tamanho da div?

 

Att;

[William Bruno 1501]

não fica em todos os browsers, por isso q eu disse q não dá pra estilizar ele.

[Gilberto Jr 26]

Entendi, Obrigado.

 

Marcos Xavier como não da pra estilizar o mesmo não tem a necessidade de postar o html e o css.

 

 

Att;

[Public2004 79]

Com CSS puro não é possível como já comentaram, mas pode formatar um padrão com ajuda de JS.

 

Att.

[William Bruno 1501]

@Public, oq a galera faz é um replace com flash, ou sobrepondo um elemento com absolute.

 

estilizar diretamente o input file não dá mesmo.

[diego92ms 3]

Gilberto, os browsers renderiza o INPUT= "FILE" de maneiras diferentes...

O que vc pode fazer nesse caso, é inspecionar o elemento input, e alterar os atributos originais do navegador, escrevendo ele novamente.

 

Fiz um teste aqui, consegui até trocar a cor de fundo...

 

Mais ou menos isso:

<input type="file" style="

-webkit-align-items: baseline;

color: blue;

text-align: start;

background-color:#555

" />

Coloquei inline só para mostrar... hehe

[Gilberto Jr 26]

Obrigado diego92ms,

 

Resolveu o meu caso.

 

Att;