input图片上传取消默认样式
2018-01-04 17:11
447 查看
<input class="footer-submit" type="button" value="提交" />
<!-- 上传图片 -->
<div class="inquiry-pic">
<div class="uploding">
<input type="file" />
<img src="private/img/mine/uploading.png"/>
</div>
<div>
<div class="up-pic">上传图片资料</div>
<div class="more-dels">病症部位,检查报告或者其他病情资料</div>
</div>
</div>
.uploding input[type=file] {
width: 5.33rem;
height: 3.73rem;
position: absolute;
opacity: 0;
}
<!-- 上传图片 -->
<div class="inquiry-pic">
<div class="uploding">
<input type="file" />
<img src="private/img/mine/uploading.png"/>
</div>
<div>
<div class="up-pic">上传图片资料</div>
<div class="more-dels">病症部位,检查报告或者其他病情资料</div>
</div>
</div>
.uploding input[type=file] {
width: 5.33rem;
height: 3.73rem;
position: absolute;
opacity: 0;
}
相关文章推荐
- 取消chrome浏览器下input和textarea的默认样式;html5默认input内容清除“×”按钮去除办法
- 纯CSS定义input file样式及上传图片预览 CSS
- 取消chrome浏览器下input和textarea的默认样式
- 取消chrome浏览器下input和textarea的默认样式
- input[type=file]样式更改以及图片上传预览
- 取消chrome浏览器下input和textarea的默认样式
- 仿照Bootstrap的input 修改 upload上传图片的样式
- 在vue组件的stylus样式总 取消search类型的input按钮中默认样式
- 修改input file文件上传的默认样式 兼容ie8
- 取消chrome浏览器下input和textarea的默认样式
- css取消input、select默认样式(手机端)
- jquery-fileupload IE8IE9无法上传图片的BUG及如何给input[type=file]自定义样式
- 修改 上传图片按钮input-file样式。。
- 取消chrome浏览器下input和textarea的默认样式
- bootstrap 上传图片插件 file-input 的简单使用
- input 上传图片预览
- 使用input标签 type='file' 上传图片的问题
- (上节)Spring+JDBC+Struts;实现图片上传;配置的属性默认dbc用单例模式,action一定要scope=“prototype”
- bootstrap-fileinput 图片上传
- bootstrap fileinput 组件整合SpringMVC上传图片到本地磁盘