修改 input[type="file"] 原生样式
2015-01-06 11:39
579 查看
<label class="h-upload"> <span class="h-upload-tit" id="pathText">图片</span> <input type="file" name="photo" id="photo" onchange="document.getElementById('pathText').innerText=this.value"> <!-- <i class="icon-remove-sign"></i> --> </label>
/*上传头像*/ .h-upload{ .bsb(); position:relative; input[type="file"]{ opacity:0; position:absolute; top:0; left:0; width:80%; min-height:100%; } .icon-remove-sign{ color:@grey5; position:absolute; top:15px; right:10px; } }
相关文章推荐
- <input type="file">中怎设置按钮的样式
- 移动web端<input type="number">手机上点击直接打开数字键盘,并修改样式去除最右端上下箭头
- input type="file"在各个浏览器下的默认样式,以及修改自定义样式
- s 获取input type="file" 选择的文件大小、文件名称、上次修改时间、类型等信息
- 上传文件控制input type="file"样式修改记
- input,type="file"的样式修改
- <input type="file">定义样式并获取上传文件路径及指定文件类型
- input[type="file"]的样式修改
- 如何修改input[type="file"]的默认样式
- 自定义 input type="file" 文件上传样式
- 修改input[type="file"]文件上传样式的2种方法
- 关于<input type="file">样式的美化
- input type="file" 样式的模仿
- js 获取、清空 input type="file"的值
- <input type="file" />accept属性列表
- 任意美化你的文件域 <input type="file" />
- js 获取input type="file" 选择的文件大小、文件名称、上次修改时间、类型等信息
- 自定义<input type="file">样式1
- 更改input type="file" 的样式
- <input type="file" name="file"> 上传表单域浏览按钮样式更改