使用javascript+；轻松重新设置输入类型文件的样式；jquery。JSFIDLE上需要的Css修复

您好，我正在尝试设置输入[type=“file”]的样式。但正如一位老人所说：“一个字胜过1000个字”，所以。。。。给你

---更多详情请参见-->

问题1：当我添加更多未显示在字段中的文件时…我们需要扩展它 css解决方案更喜欢jquery，但不太受欢迎^^ 谢谢你的帮助

问题2：如何使用绝对位置将透明文件输入扩展到100%高度

I thinks the main problem is with position: relative and absolute.....

---

尝试将文件输入的不透明度设置为0

.upfield input[type=file]{
    opacity:0;
    width:100%;
    height:100%;
}

更新

对于IE，还添加高度：100%

---

有什么问题？我看到了漂亮的设计输入文件…请将您的代码也复制到这里，并描述问题：）

。upfield输入是您的风格。我不知道我是否需要说，但是它的
不透明度
被设置为0。顺便说一句，如果你添加越来越多的文件，问题就会出现，谢谢你的夸奖^^^现在我要在这里添加更多的代码。对于Batu Zet>我不想看到默认的文件输入，所以我决定将其隐藏…更新了fiddle whit问题示例Hi，问题不是不透明度，而是输入的高度…不透明度设置为。5只是为了显示问题：高度不会随父项扩展。多亏了您一个问题。是固定的！如果你能帮我做最后一件事：如何扩展容器。为了更好地解释，我更新了小提琴。谢谢^^我稍后再解决它，现在它很好：D，因为我想显示文件名而不是隐藏。。。