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
Réponse acceptée

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

http://jsfiddle.net/ZDgRG/

green68
Réponse acceptée

Bonjour,

Ou alors :

  • un padding-left sur la class
  • pas de margin-left sur le input

http://codepen.io/anon/pen/GgyqaR

Merci beaucoup Green68 :)

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

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

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.