# Upload Button CSS

**URL:** <https://community.gravityforms.com/t/upload-button-css/4494>\
**Category:** Get Help\
**Tags:** file-uploads, css\
**Created:** [April 16, 2020, 10:49pm UTC](https://community.gravityforms.com/t/upload-button-css/4494 "2020-04-16T22:49:43Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![user5e5ff5653b5ee690](https://avatars.discourse-cdn.com/v4/letter/u/eada6e/32.png) [@user5e5ff5653b5ee690](https://community.gravityforms.com/u/user5e5ff5653b5ee690)\
**Post date:** [April 16, 2020, 10:49pm UTC](https://community.gravityforms.com/t/upload-button-css/4494/1 "2020-04-16T22:49:43Z")

</div>

I’m wondering if there is a way to change the look of the single file upload button. I can’t seem to isolate it via css and the documentation doesn’t mention how to do it: [https://docs.gravityforms.com/file-upload-field/#single-file-upload](https://docs.gravityforms.com/file-upload-field/#single-file-upload)

Thanks!

---

<div class="post-metadata">

**Author:** ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)\
**Post date:** [April 17, 2020, 2:38am UTC](https://community.gravityforms.com/t/upload-button-css/4494/2 "2020-04-17T02:38:31Z")

</div>

That is a browser control and is notoriously difficult to style.

> <https://stackoverflow.com/questions/572768/styling-an-input-type-file-button/714626#714626>

Unless you resort to hacks or a jQuery solution, I’m not aware of a great way to do this in Gravity Forms with CSS alone.

---

<div class="post-metadata">

**Author:** ![user5e5ff5653b5ee690](https://avatars.discourse-cdn.com/v4/letter/u/eada6e/32.png) [@user5e5ff5653b5ee690](https://community.gravityforms.com/u/user5e5ff5653b5ee690)\
**Post date:** [April 24, 2020, 6:37pm UTC](https://community.gravityforms.com/t/upload-button-css/4494/3 "2020-04-24T18:37:29Z")

</div>

Thanks! I just left it the way it was.

---

<div class="post-metadata">

**Author:** ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)\
**Post date:** [April 24, 2020, 8:59pm UTC](https://community.gravityforms.com/t/upload-button-css/4494/4 "2020-04-24T20:59:56Z")

</div>

Closed on April 24, 2020, 8:59pm UTC