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 10 months ago
How would you do the recommended? Can you give me an example?
Kamila Pieńkowska staff commented 10 months 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 10 months ago
https://mdbootstrap.com/snippets/standard/neocheck/6423226