How do I properly style a ‘file’ button with an image, so that it is seen clean and nice in all browsers and no overlapping text from the default control is there?
Thank you!
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
How do I properly style a ‘file’ button with an image, so that it is seen clean and nice in all browsers and no overlapping text from the default control is there?
Thank you!
The way it’s usually done is by making the file input element 100% transparent with the css
opacityproperty and putting a pretty button behind it. That way the file field still receives the click, but the look of the underlying element can be styled and scripted any way you want.