博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
修改默认input type=file 样式
阅读量:5153 次
发布时间:2019-06-13

本文共 176 字,大约阅读时间需要 1 分钟。

默认的实在是。。。

 

我们来看看怎么定制自己的文件上传样式。

思路很简单,就是自己画一个我们想要的样式,把默认的隐藏。

html

css

 

效果

 

上面的方法最重要的是给input设置opacity为0隐藏,然后将它利用定位和我们自己画的a重合起来。

 

转载于:https://www.cnblogs.com/Dengxiaobo/p/9242496.html

你可能感兴趣的文章
CSS3 box-shadow实现纸张的曲线投影效果
查看>>
浏览器内容双缓冲的设想
查看>>
更换已存在项目的svn的地址
查看>>
iOS获取当天0点
查看>>
js 回调函数 精析
查看>>
Orleans MultiClient 多个Silo复合客户端
查看>>
【Vue】---- 手动封装on,emit,off
查看>>
TwoSum
查看>>
C++断言与静态断言
查看>>
总结一下矩阵的基本操作
查看>>
ELK的启动脚本
查看>>
RestClient使用
查看>>
ruby国内源
查看>>
聊天软件项目TCP升级版
查看>>
nginx普通配置/负载均衡配置/ssl/https配置
查看>>
关于 HTTP 请求头的内容
查看>>
Python3.6 的字符串内建函数
查看>>
为什么chm(帮助文档)打不开
查看>>
关于OPC
查看>>
spring mvc controller间跳转 重定向 传参
查看>>