Witam,
próbuję ostylować input type="file". Chciałbym zmienić wygląd przycisku oraz zmienić sposób wyświetlania nazwy pliku - bez żadnej ramki, sam tekst, oddalony o ileś px od przycisku, inna czcionka itp. Z CSS sobie poradzę, jednak nie wiem w jaki sposób odwołać się do przycisku, a w jaki do nazwy pliku.
Pozdrawiam
0
0
Spróbuj za pomocą tego się pobawić:
https://css-tricks.com/snippets/css/custom-file-input-styling-webkitblink/
Tylko w Firefoxie nie widać żadnych zmian w kodzie :O
0
Potrzebuję uzyskać taki efekt:
A szczerze powiedziawszy po przeczytaniu Twojego linku nie za wiele wiem :/
0
Udało mi się to wykrzesać (ale na przeglądarki Chrome)
http://codepen.io/anon/pen/pJKway
Co do odległości między przyciskiem a nazwą pliku - nie mam pojęcia...
0
Udało mi się rozwiązać to po przez ustawienie opacity input type="file" na 0, przeniosłem na górną warstwę. Pod to umieściłem div z wyglądem przycisku, a w innym miejscu strony p, do którego po przez js ładuję nazwę pliku. Może dosyć prowizoryczne rozwiązanie, ale działa w 100% :)