Custom Upload Button

Question

hi i was just wondering how you can create you own custom file upload button, because the best i can do is

Answer 1

Use CSS to style the button by its id or class.

This might help: http://speckyboy.com/2009/05/27/22-css-button-styling-tutorials-and-techniques/

Answer 2

Here is an approximation to the button you want with css/html

html

<button class="upload">Choose a file to upload...</button>

css

.upload{
    border:0;
    padding:10px 20px;
    -moz-border-radius:10px;
    border-radius:10px;
    background-color:#4488ee;
    color:white;
    font-size:16px;
}

demo http://jsfiddle.net/gaby/qdX5d/2/

for rounded corners in pre-IE9 use css3pie