如何设置iOS6文件输入控件的样式？

Question

我很高兴文件的文件输入控件终于通过iOS 6到达了iPhone.

但是,显示器看起来很奇怪.有谁知道控制风格的方法？

Answer 1

很简单,你可以隐藏元素,你可以触发他们的点击事件.

HTML:

<input type="file" class="uploader" />
<u>Choose file</u>

CSS:

input.uploader {
    visibility:hidden;
    height: 0;
}
u { 
    display: block; 
    margin: 5px; 
    padding: 15px; 
    text-align: center; 
    background: #ddd; 
    border-radius: 6px; 
}

JS(使用JQuery):

$('u').click(function(){
    $('input[name=photo]').trigger('click');
});

示例:http://uploader.gokercebeci.com/