# Changing the styles of file inputs

**URL:** https://forum.kirupa.com/t/changing-the-styles-of-file-inputs/25475
**Category:** programming
**Created:** [July 13, 2003, 9:26am UTC](https://forum.kirupa.com/t/changing-the-styles-of-file-inputs/25475 "2003-07-13T09:26:09Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![955](https://avatars.discourse-cdn.com/v4/letter/9/4bbf92/32.png) [@955](https://forum.kirupa.com/u/955)
#### Post date: [July 13, 2003, 9:26am UTC](https://forum.kirupa.com/t/changing-the-styles-of-file-inputs/25475/1 "2003-07-13T09:26:09Z")

</div>

In HTML, how can I change the style of ‘file’ inputs? For example, on the reply page, how did the authors of VBulletin change something like  
this: ![](http://forum.kirupa.com/uploads/kirupa/277/124200772c9ff4a8.gif)  
to this: ![](http://forum.kirupa.com/uploads/kirupa/278/b14957cce6478e85.gif)

I assume it has something to do with CSS.

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [July 13, 2003, 10:00am UTC](https://forum.kirupa.com/t/changing-the-styles-of-file-inputs/25475/2 "2003-07-13T10:00:51Z")

</div>

As you say: style = CSS  
unfortunately, your images don’t show, so i don’t know what you want to style? the button, the input field…?  
here’s some links:  
[http://www.dwfaq.com/Resources/CSS/default.asp](http://www.dwfaq.com/Resources/CSS/default.asp)  
[http://www.glish.com/css/](http://www.glish.com/css/)  
[http://www.meyerweb.com/eric/css/edge/](http://www.meyerweb.com/eric/css/edge/)  
let us know…

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [July 13, 2003, 10:14am UTC](https://forum.kirupa.com/t/changing-the-styles-of-file-inputs/25475/3 "2003-07-13T10:14:13Z")

</div>

sorry, my server is down.

I’ll attach the file instead.

LOL, my server went up as I posted. :thumb: