CODEWITHSUNDEEP
cssinternet-explorergoogle-chromebutton
Kiwimoisi
Kiwimoisi

Reputation: 4192

Css for .FileUpload button

I would like to apply this css on my .FileUpload button , but It only works on IE and not on Chrome and I still don't know what is wrong with it. Someone as got an idea ?

Thanks for helping

.FileUpload
{
 width: 90px;
float: left;
color: black;
font-family: Segoe UI,Arial, Sans-Serif;
border: 1px solid #C7D2D8;
height: 30px;
text-decoration: none;
display: inline;
background: white;
margin: 10px 10px 10px 540px;
text-align: center;
padding: 4px 0;
letter-spacing: -1;
border: none;
cursor: pointer;
}

Upvotes: 0

Views: 2169

Answers (2)

Iain Simpson
Iain Simpson

Reputation: 8121

You can try using jquery instead, this would be cross browser compatable then, more info here > http://jqueryui.com/demos/button/#default either that or there are several examples here on different methods of achieving what you want http://speckyboy.com/2010/05/26/20-awesome-jquery-enhanced-css-button-techniques/

Upvotes: 1

Armin
Armin

Reputation: 15958

AFAIK it is not possible to style an <input type="file">, for all browsers. But you could replace the upload-field with javascript and the replacement can by styled as much as you want.

You'll get an example of such a replacement script in this blog entry.

Upvotes: 1

Related Questions