Question

我想在我的.FileUpload按钮上应用这个css，但它只适用于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

AFAIK无法为所有浏览器设置<input type="file">样式。但是你可以用javascript替换upload-field，替换可以根据你的需要设置样式。

您将在this blog entry中获得此类替换脚本的示例。

Answer 2

您可以尝试使用jquery，这将是跨浏览器兼容的，更多信息在这里＆gt; http://jqueryui.com/demos/button/#default 或者在这里有几个例子来说明实现你想要的http://speckyboy.com/2010/05/26/20-awesome-jquery-enhanced-css-button-techniques/

的不同方法

Css for .FileUpload按钮

2 个答案: