Css for .FileUpload按钮

2012-01-16 64 views 0 likes

我想将这个CSS应用到我的.FileUpload按钮上，但它只适用于IE浏览器而不是Chrome浏览器，我仍然不知道它出了什么问题。有人有一个想法？Css for .FileUpload按钮

感谢您的帮助

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

来源

2012-01-16 Kiwimoisi

它是如何失败是什么实现的方法不同铬？它是什么？（我假设它是一个但你永远不知道） – bdares 2012-01-16 15:14:07

其实它是一个 – Kiwimoisi 2012-01-16 15:16:16

回答

AFAIK这是不可能样式的<input type="file">，对所有的浏览器。但是你可以用javascript来替换上传字段，而替换可以按照你想要的样式进行设置。

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

来源

2012-01-16 15:21:26 Armin

事情是，它的工作原理是IE ，而不是Chrome，不是很奇怪吗？ – Kiwimoisi 2012-01-16 15:26:10

不是。不同的浏览器不同的解释相同的风格定义并不奇怪！ ;-) – Armin 2012-01-16 15:50:57

但是我不能使用这个输入类型文件，因为我使用FileUpload组件的方法和属性。=（ – Kiwimoisi 2012-01-16 15:54:04

您可以尝试使用jQuery代替，这将是跨浏览器compatable那么，这里更多>http://jqueryui.com/demos/button/#default 要么或这里有几个例子你想http://speckyboy.com/2010/05/26/20-awesome-jquery-enhanced-css-button-techniques/

来源

2012-01-16 17:37:24

Css for .FileUpload按钮

回答

相关问题