Stylowanie inputa typu file

Question

Siema mam pytanie jak zrobić żeby nie było widać tego pola obok buttona w którym pisze Nie wybrano pliku.

 

 

            <form method="post" enctype="multipart/form-data" >
                <input type="file">
            </form>  

 

Answer 1

Mogę się mylić, ale chyba nie da się wyedytować tej części, gdyż inputy są definiowane przez przeglądarkę (podkreślam że mogę się mylić).

Natomiast możesz stworzyć label dla tego inputa, a samego inputa ukryć. Korzystając z faktu iż naciśnięcie na labelkę działa tak samo jak naciśnięcie na samgeo inputa możesz osiągnąć Twój cel, stylując sobie samą labelkę.

Przykład poniżej:

https://codepen.io/Czeran/pen/ZXVdBE