Override file input field with button

Override file input field with button

I have an input field generated by Cloudinary that looks like this. I
shortened it, but it generated a fairly generic looking drop zone and
"Browse" button inside. I don't need the dropzone - ideally I could just
abstract all of this away to an HTML button - where the button on click
does will prompt using the input field.
<input id="id_picture" class="cloudinary-fileupload " type="file"
name="file">
Is it possible to override the above input field with a button? Can I just
simply style the file input field to look like a button rather than a
dropzone + "Browse" button?
Sorry if this doesn't make any sense - I'm normally a back end coder.
Please let me know if you need any more information. Thanks!