背景:由于html组件<input type="file">的默认样式太丑了，所以需要自定义美化。浏览器IE8，样式库：bootstrap。
本方法在Chrome浏览器下有效，IE8的做法类似，区别在于IE8不支持opacity属性，解决办法参见IE8不支持opacity属性的问题
步骤如下：
①定义一个label标签，一个type=file类型的 input。
② label标签的for属性指向input标签的id，以便通过label唤醒input
③隐藏input 通过设置opacity属性（值为0）此时输入框和选择按钮将隐藏。
④将<input type="file">进行绝对定位，因为position的默认值是static，也就是没有定位，它将出现在正常文档流中，所以即便隐藏了，由于没有脱离文档流，它会影响其它元素的位置。
⑤给label标签添加bootstrap的class样式 class = "btn btn-default"//class样式为bootstrap库自定义类，可根据需求自行查看bs 按钮样式。
都是基础知识，解决这个问题，让我意识到了基础的重要性，而不是仅仅依靠百度，为什么我不能把基础知识快速串联起来呢，恐怕是没有真正理解技术，惭愧。
放平心态，平稳前行。