Css для кнопки .FileUpload

Question

Я хотел бы применить этот CSS к моей кнопке .FileUpload, но она работает только в IE, а не в Chrome, и я до сих пор не знаю, что с ней не так. У кого-нибудь как возникла идея?

Спасибо за помощь

.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;
}

Answer 1

Вместо этого вы можете попробовать использовать jquery, тогда это будет кроссбраузерно-совместимым, больше информации здесь> http://jqueryui.com/demos/button/#default либо здесь, либо здесь есть несколько примеров различных способов достижения желаемого http://speckyboy.com/2010/05/26/20-awesome-jquery-enhanced-css-button-techniques/

Answer 2

AFAIK Невозможно стилизовать <input type="file"> для всех браузеров.Но вы можете заменить поле загрузки на javascript, а замену можно стилизовать так, как вам хочется.

Пример такого сценария замены вы найдете в этой записи блога .