改变input type file的默认样式
来源:互联网 发布:c语言程序99乘法表 编辑:程序博客网 时间:2024/04/27 22:05
话说<input id="videoUrl" type="file" 的样式确实不怎么好看。
1.原input设置透明opacity:0;使用position:absolute,使层重叠
2.用#videoUrl_1显示在原input下作为底层,就像是设置背景
3.底层设置想要的样式
4.选择文件后的值显示在底层上onchange="document.getElementById('videoUrl_1').value=this.value"
总之两层重叠,起作用的file层透明不可见,底层设置样式,可见。
html
<td><div><input id="videoUrl" type="file" name="videoUrl" onchange="document.getElementById('videoUrl_1').value=this.value"></div> <div><input id="videoUrl_1" type="text" value="选择视频"></div></td>css
#videoUrl{opacity:0;position:absolute;} #videoUrl_1{background-color:ccc;}
0 1
- 改变input type file的默认样式
- 如何修改input[type="file"]的默认样式
- 设置<input type="file">的默认样式
- 自定义input type=file 样式 美化input type=file 改变input type=file控件“丑陋面貌”
- 改变input file样式
- 改变 input file 样式
- 58 css 改变input type=file样式 placeholder属性
- input type="file" 样式的模仿
- input[type="file"]的样式修改
- 自定义input[type=”file”]的样式
- input,type="file"的样式修改
- 美化input type="file"的样式
- input file 的样式改变的实例
- HTML5 input改变默认样式
- 去除input[type=number]的默认样式
- 更改input type=“date”等元素的默认样式
- type=file的input框样式修改的方法
- input type=file后面浏览按钮的样式控制
- iocp性能分析
- Effective Java读书笔记(五)
- UVa156 map set vector/STL
- java计算时间差
- Linux 上搭建Visual Studio Code 调试C++的环境
- 改变input type file的默认样式
- 【LEETCODE】329-Longest Increasing Path in a Matrix [Python]
- Mrakdonw学习
- 浅谈 Android 开发文化
- 注解学习一:注解(Annotation)基本概念
- 韩顺平_Javascript 教学视频教程_学习笔记整理_目录
- 全局异常获取并存到本地
- Hdu 1166 敌兵布阵 -- 线段树
- 单选框按钮实现双击取消,添加字典序表实现同一字段不同状态