Customize the labels of a file input

Topic: Customize the labels of a file input

neocheck premium asked 1 month ago

I want to customize the labels of a label type input but I don't know what properties to manipulate.

The element is:

<input type="file" name="file" class="form-control" accept="image/*,.doc,.docx,.pdf" onchange="checkFileSize(this)" multiple="" required="" id="customFile1">

enter image description here

neocheck premium commented 1 month ago

https://mdbootstrap.com/snippets/standard/neocheck/6423226

Add comment

Kamila Pieńkowska staff answered 4 weeks ago

0 0 Best answer

This text is browser-controlled and depends on the language. No attribute will allow you to change it. You can either add a label above the input or hide the native text with CSS and use the custom button with your text to trigger the file input field.

Please insert min. 20 characters.

neocheck premium commented 4 weeks ago

How would you do the recommended? Can you give me an example?