type=file按钮样式改造
来源:互联网 发布:js getjson 获取数据 编辑:程序博客网 时间:2024/06/04 00:53
html:
<div class="file-wrap"><input type="file" id="myfile" name="myfile" accept=".png,.jpeg,.jpg,.gif"/>选择图片</div>
css:
.file-wrap {position: relative;width: 119px;height: 37px;border-radius: 4px;background-color: #ed4040;background-repeat: no-repeat;background-position: 0 0;background-attachment: scroll;line-height: 37px;text-align: center;font-size: 16px;color: white;cursor: pointer;overflow: hidden;float: left;margin-right: 20px;z-index: 1;}.file-wrap input {position: absolute;width: 119px;height: 40px;line-height: 40px;font-size: 0;opacity: 0;-moz-opacity: 0;left: 0px;top: 0px;cursor: pointer;z-index: 2;}
font-size:0;是关键。
阅读全文
0 0
- type=file按钮样式改造
- input type=file后面浏览按钮的样式控制
- <input type="file">中怎设置按钮的样式
- input[type=file] 样式美化,input上传按钮美化
- 上传按钮<input type='file'/>的样式美化
- 图片提交按钮样式修改 input type=file
- css input[type=file] input[type=radio] input[type=checkbox]样式美化,input上传按钮美化
- css input[type=file] 样式美化,input上传按钮美化
- css input[type=file] 样式美化,input上传按钮美化
- css input[type=file] 样式美化,input上传按钮美化
- CSS3 input[type=file] 样式美化,input上传按钮美化
- css input[type=file] 样式美化,input上传按钮美化
- css input[type=file] 样式美化,input上传按钮美化
- css input[type=file] 样式美化,input上传按钮美化
- css input[type=file] 样式美化,input上传按钮美化
- CSS3 input[type=file] 样式美化,input上传按钮美化
- css input[type=file] 样式美化,input上传按钮美化
- css input[type=file] 样式美化,input上传按钮美化
- 给定一个字符串s,求子串都是回文的集合。
- php编译时错误 WARNING: You will need re2c 0.13.4 or later if you want to regenerate PHP
- Windows转Linux,相关替换软件
- Karaf教程第4部分 OSGi中的CXF服务
- Raspberry Pi 3B开箱踩坑记录
- type=file按钮样式改造
- bzoj 4417: [Shoi2013]超级跳马
- 招聘、招聘,我就这样被算法选中
- RecyclerView的点击事件
- iconfont字体图标的使用方法--超简单! 我之前因为项目用bootstrap比较多,所以使用font awesome字体图标比较多,后来接触到了iconfont,发现想要的什么图标都有,还可以
- 重定向和用户会话
- PAT 乙级 1029.旧键盘(20)
- SCUT第四次训练赛(归并排序 sort 搜索 搜索2 并查集 高精度乘法 二分 Dating with girls(1) 均分纸牌 导弹拦截 A + B Problem II)
- 博士可能是所有学生群体里被黑最猛烈的