Problem with Button and CSS

Question

Hello, Im using an input type="file", but seems impossible for me to style it with CSS. The only thing I can do is change the background color and not of the button, but of the "chose file" text next to the button. Can you tell me how to fix this and style my button, not the text next to it ? Here is my button: <input type="file" name="pic" accept="image/*" id="fileButton"> ... Thanks in advance!

Answer 1

https://code.sololearn.com/WKelXoM7XV1V/?ref=app

here is how I customized my file input element and a few others

Answer 2

check these links

https://css-tricks.com/snippets/css/custom-file-input-styling-webkitblink/

https://coderwall.com/p/uer3ow/total-input-type-file-style-control-with-pure-css

https://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/