你的位置:首页 > 软件开发 > 网页设计 > html中,文件上传时使用的input type=file的样式自定义

html中,文件上传时使用的input type=file的样式自定义

发布时间:2016-06-29 00:00:10
Web页面中,在需要上传文件时基本都会用到<input type="file">元素,它的默认样式:chrome下: IE下: 不管是上面哪种,样式都比较简单,和很多网页的风格都不太协调。根据用户的需求,设计风格,改变其显示样式的场合就比较 ...

Web页面中,在需要上传文件时基本都会用到<input type="file">元素,它的默认样式:

chrome下:

html中,文件上传时使用的input type=file的样式自定义 

IE下:

html中,文件上传时使用的input type=file的样式自定义 

不管是上面哪种,样式都比较简单,和很多网页的风格都不太协调。

根据用户的需求,设计风格,改变其显示样式的场合就比较多了。

如果,要像下面一样做一个bootstrap风格的上传按钮该如何实现。

html中,文件上传时使用的input type=file的样式自定义

 

搭建上传按钮所需的基本元素

    <span class="">      <span>上传</span>      <input type="file">    </span>

原标题:html中,文件上传时使用的input type=file的样式自定义

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。