Topic: Customize the labels of a file input
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">
What do you want to customise? Text of the label or appearance?
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.
neocheck pro premium commented 1 months ago
How would you do the recommended? Can you give me an example?
Kamila Pieńkowska staff commented 4 weeks ago
https://mdbootstrap.com/snippets/standard/kpienkowska/6424590
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 3.10.2
- Device: Notebook
- Browser: Google Chrome
- OS: Windows 11
- Provided sample code: No
- Provided link: No
neocheck pro premium commented 1 months ago
https://mdbootstrap.com/snippets/standard/neocheck/6423226