如何自定义<inputtype="file">的样式?_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了如何自定义<inputtype="file">的样式?_html/css_WEB-ITnose,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1806字,纯文字阅读大概需要3分钟。
内容图文
写了个上传图片的手机网页,里面用到了,在手机网页上显示的是这个样子:它有“拍照”、“图片”和“文件”三个按钮,希望只保留“拍照”和“图片”,去掉“文件”,该如何实现?
回复讨论(解决方案)
隐藏.按钮样式该怎么写还怎么写。用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试试
内容总结
以上是互联网集市为您收集整理的如何自定义<inputtype="file">的样式?_html/css_WEB-ITnose全部内容,希望文章能够帮你解决如何自定义<inputtype="file">的样式?_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。