Simonm
February 12, 2021, 5:02am
1
Hi,
How can I style a File Upload Button in CSS especially changing the background color, i have tried to inspect the element which i find ( input#file-upload-button) but does not seem to work for me, any help will be appreciated!
@Simonm
I actually created a post about how to style your file and image inputs. You can see the post here . Hope it helps you.
Here’s how to customize your Image upload / File upload input.
For example you can style it like this:
[Screen Shot 2021-12-15 at 9.54.31 PM]
To add this to your Knack app:
/* Add this to your CSS */
/* Restyles file input */
/* Note: Replace field_XXX with your own */
#field_123_upload {
border: 1px dashed blue;
background-color: #f8f8f8;
cursor: pointer;
padding-bottom: 100px;
padding-left: 90px;
padding-right: 40px;
padding-top: 24px;
width: 300px;
}
#field_123_upload:be…
Simonm
December 30, 2021, 9:09am
3
Hi KnackPros,
Awesome!! . I will implement this on my current and future project.
Thanks so much!!
Simon
1 Like