Fórum Como estilizar um elemento do tipo file? #574131
23/01/2017
0
Como posso estilizar o input file no html?
Tento aplicar o css mas não consigo estilizar o elemento :(
Luccas Lima
Curtir tópico
+ 0Post mais votado
09/02/2017
O que você pode fazer nesse caso, é o que a gente chama de 'fake-div' que é esconder o componente de file e estilizar uma div, um button ou label.
<html>
<head>
<style>
input[type='file'] {
display: none
}
/*Aparência do selector, nesse caso utilizando uma label */
label {
background-color: yellow;
color: black;
}
</style>
</head>
<body>
<label for='selecao-arquivo'>Selecionar Arquivo</label>
<input id='selecao-arquivo' type='file'>
</body>
</html>
Aline Bianchini
Gostei + 5
Mais Posts
31/01/2017
Luccas Lima
Gostei + 0
09/02/2017
Luccas Lima
Gostei + 0
10/02/2017
Robson Cavalcante
Antes eu só sabia da possibilidade de fazer isso usando plugins.
Vou tentar desse jeito que você mostrou.
Gostei + 3
14/02/2017
Luccas Lima
Gostei + 1
15/02/2017
Aline Bianchini
E melhor ainda q vc voltou aqui p dar esse feedback positivo, assim ajudamos outras pessoas né?
;)
Gostei + 4
08/03/2017
Luccas Lima
Gostei + 0
Clique aqui para fazer login e interagir na Comunidade :)