Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在移动浏览器中设置文件输入的样式?_Javascript_Jquery_Html_Mobile_Camera - Fatal编程技术网

Javascript 如何在移动浏览器中设置文件输入的样式?

Javascript 如何在移动浏览器中设置文件输入的样式?,javascript,jquery,html,mobile,camera,Javascript,Jquery,Html,Mobile,Camera,我正在使用HTML5和jQuery开发一个相当简单的移动web应用程序 我正在尝试开发的功能之一是使用移动设备的照相机拍照的能力,比如iPhone 我用谷歌搜索了一下,发现: <input type="file"/> 确实如此 但是,默认按钮是“丑陋”按钮,填充有“选择文件” 有没有办法用图标/图像替换此按钮,例如: <input type="file" img="images/camera.png/> 我建议在Quirksmode上使用这里描述的方法,我在过去使

我正在使用HTML5和jQuery开发一个相当简单的移动web应用程序

我正在尝试开发的功能之一是使用移动设备的照相机拍照的能力,比如iPhone

我用谷歌搜索了一下,发现:

<input type="file"/>

确实如此

但是,默认按钮是“丑陋”按钮,填充有“选择文件”

有没有办法用图标/图像替换此按钮,例如:

<input type="file" img="images/camera.png/>

我建议在Quirksmode上使用这里描述的方法,我在过去使用过多次


嗨,roXon,我不确定“Q标题与实际问题有什么关系?”我在创建线程时没有提供该标题,它已被人更改。感谢Billy Moat,您提供的链接似乎已将默认按钮替换为我的图像。但是,仍然有一个文本框字段可见,是否有任何方法可以隐藏/删除此字段?您所说的“文本框字段”是指显示文件路径的输入?如果是这样的话,你仍然会想要这个,但是如果你完全遵循了怪癖模式的方法,你可以隐藏默认的,并为你自己的自定义设置样式。嗨,比利,是的,我指的是输入文件路径。我会再次阅读怪癖模式。