How to change text in INPUT tags

[Wartin]

Hello. I'm trying to change the text that appears in buttons to browse for files, for example in Customization files and in Contact form.

It says 'Browse...' and 'no file selected'. In translations I see those strings, and they are translated.

I centered the button using CSS, because it didn't fit the square before that. I'm using Niara.

 

Thanks!

[Wartin]

Hi, I'm still trying to change these buttons. Do you see the same browser button in Niara?

I saw others themes that show a nice button with custom text.

Thanks!

[datakick]

It's hard / next to impossible to adjust UI of html input file field. There's no cross-browser compatible way to do this, as far as I know.

However, there exist a lot of libraries that handles this issue by rendering input field as hidden element, and doing the UI manually. For example https://www.dropzonejs.com/. It should be fairy easy to modify template and replace input file fields with the js implementation