.FileUpload 按钮的 CSS答案

【问题标题】：Css for .FileUpload button.FileUpload 按钮的 CSS
【发布时间】：2012-01-17 01:37:24
【问题描述】：

我想在我的 .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;
}

【问题讨论】：

Chrome 是如何失败的？它是什么？（我假设它是一个但你永远不知道。）
其实是一个

标签： css internet-explorer google-chrome button

【解决方案1】：

AFAIK 无法为所有浏览器设置<input type="file"> 的样式。但是您可以用 javascript 替换上传字段，并且可以根据需要设置任意样式。

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

【讨论】：

问题是它在 IE 上运行，而不是在 Chrome 上运行，这很奇怪吗？
并非如此。不同的浏览器以不同的方式解释相同的样式定义并不奇怪！ ;-)
但是我不能使用这个 Input Type File ，因为我使用的是 FileUpload 组件中的方法和属性。=(
输出的是普通的HTML，不是吗？除了<input type="file" />之外，不存在任何其他html标签来上传文件。
是的，这是服务器端编程语言，输出是什么？ XML/XSLT？我猜是 HTML！

【解决方案2】：

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

【讨论】：