HTML中文件上传时使用的input type=”file”元素的样式自定义

Web页面中,在需要上传文件时基本都会用到<input type="file">元素,它的默认样式: chrome下: IE下: 不管是上面哪种,样式都比较简单,和很多网页的风格都不太协调。 根据用户的需求,设计风格,改变其显示样式的场合就比较多了。 如果,要像下面一样做一个bootstrap风格的上传按钮该如何实现。 搭建上传按钮所需的基本元素 复制代码代码如下: 上传 <input type=”file”> 效果(chrome): 现在看到的分两行显示。 外围之所以没有换成div,是因为在IE7-浏览器