html 修改inputfile样式,如何自定义<inputtype="file">的样式？_html/css_WEB-ITnose

写了个上传图片的手机网页，里面用到了，在手机网页上显示的是这个样子：

它有“拍照”、“图片”和“文件”三个按钮，希望只保留“拍照”和“图片”，去掉“文件”，该如何实现？

回复讨论(解决方案)

隐藏.按钮样式该怎么写还怎么写。用js或jqeury触发file的click事件。

三个是用一张图片吗？然后用JS打开选择要上传的文件？

如果是的需要改下css的显示位置。把文件的去掉

代码都没有，你要人家怎么帮你。。

.filebox{width:120px;overflow:hidden;position:relative;}/*让部分file不显示*/.filebox input:file{position:absolute;left:0;top:0;z-index:2;opacity:0;}/*透明，绝对定位*/.filebox span{display:block;width:60px;line-height:28px;float:left;}/*模拟按钮*/

拍照 图片

样式可能有问题，只是示例。

三个是用一张图片吗？然后用JS打开选择要上传的文件？

如果是的需要改下css的显示位置。把文件的去掉

没有用到任何图片或样式，就是这么个，手机浏览器解析出来就是那个效果

代码都没有，你要人家怎么帮你。。

斑竹大人，我的代码就是这些：

貌似这个标签，手机的浏览器解析出来包括了拍照、图片和文件这三个按钮，我就是想把“文件”这个按钮去掉，不知道该怎么实现

4楼 正解 把file做百分百大小 透明 它的样式是其它模块去做展示

代码都没有，你要人家怎么帮你。。

斑竹大人，我的代码就是这些：

貌似这个标签，手机的浏览器解析出来包括了拍照、图片和文件这三个按钮，我就是想把“文件”这个按钮去掉，不知道该怎么实现

你浏览器啊，这么牛。。android+firefox/chrome看了没有问题啊

代码都没有，你要人家怎么帮你。。

斑竹大人，我的代码就是这些：

貌似这个标签，手机的浏览器解析出来包括了拍照、图片和文件这三个按钮，我就是想把“文件”这个按钮去掉，不知道该怎么实现

你浏览器啊，这么牛。。android+firefox/chrome看了没有问题啊

我用的是安卓+UC浏览器，您可以访问下http://115.28.14.43:900/test.html试试

本条技术文章来源于互联网，如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源：php中文网