jquery - CSS隐藏 <input type ="file"> 不隐藏边框

Question

我正在使用 jquery mobile 创建一个应用程序，并且我有一个功能，允许用户单击打开的图像

<input type="file" name="file" id="file" onchange="submitForm(this)" capture="camera" class="hideme" accept="image/*" />

这工作得很好，但是，我需要隐藏输入框。我编写了以下代码:

.hideme
 { 
 display:none; 
 visibility:hidden; 
 border: 0px;
 } 

但这只是隐藏了框中的文本，它实际上并没有隐藏轮廓。关于如何摆脱这个问题有什么想法吗？ js fiddle 在这里 http://jsfiddle.net/DLC4Y/

Answer 1

Demo

使用这个，

$('#file').parent().hide();

jQuery mobile，附加 <div>元素到您的<input> field 。边框来自该 div 元素，而不是您的输入。所以你需要删除这个<div>

或者

将其添加到 CSS。

<强> CSS Demo

.ui-input-text{
    display:none; 

}