2

我正在使用以下输入字段

<input class="upload_button" type="file" multiple="" name="userfile">

要将多个文件上传到系统,我无法弄清楚如何使用 CSS 正确设置样式,因为按钮和输入框似乎绑定在一起?!

4

4 回答 4

3

您不能<input type="file"/>直接使用 CSS 来设置元素样式;这是网络浏览器用来防止用户被欺骗上传文件的预防措施。

但是有一些技术可以解决它,使用效果很好的透明度。 http://www.quirksmode.org/dom/inputfile.html

于 2012-08-30T13:51:43.573 回答
0

我对此没有太多经验,但我找到了一个可能对您有所帮助的链接: http ://www.quirksmode.org/dom/inputfile.html

于 2012-08-30T13:52:25.570 回答
0

例如,您应该使 type="file" 倍数,z-index:-1;并使图像出现
(用z-index:1;)在您的输入文件字段所在的同一位置。

于 2012-08-30T13:53:26.560 回答
0

正如斯科特所说,您不能直接设置某些输入元素的样式,因为它们取决于您的环境(浏览器和操作系统)。我在使用变通办法时运气不佳,我更喜欢优雅地替换它们的解决方案。我特别喜欢的一个是uniform.js。

http://uniformjs.com/

于 2012-08-30T13:56:31.953 回答