Styliser le place holder d'un input de type File :/

Par Antoine Brsslt, il y a 11 ans

Les bases HTML/CSS

Hello à tous je n'arrive pas à styliser un input de type file comme je veux, enfin surtout le placeholder. Sur ma maquette l'input est stylisé comme ca :
casting.png 1100×2391 .png

Je n'arrive pas à bouger le placeholder vers la droite :(

Voilà ou j'en suis pour le moment (je suis avec SASS / Compass)
http://codepen.io/anon/pen/OPzMYO

Si vous aviez un petit coup de main à me donner j'en serai plus que reconnaissant :)

Merci beaucoup

6 réponses

Bakar23, il y a 11 ans

On ne peut pas le styliser directement, il faut passer par un label et du js :

http://jsfiddle.net/ZDgRG/

Antoine Brsslt, il y a 11 ans

Merci beaucoup Green68 :)

Bakar23, il y a 11 ans

Pour le placer oui green68, mais sans JS, chaud de styliser ce "placeholder".

Antoine Brsslt, il y a 11 ans

Bakar23 tu connais un bon plugin jquery pour styliser les placeholder ? :)

Bakar23, il y a 11 ans

Pour les placeholders communs, cela suffit:

input::-webkit-input-placeholder { tonStyle; }

Sinon je ne connais pas de plugin spécifique, mais il y a moyen de se débrouiller avec la technique du label.