input[type="file"]样式修改

默认情况下，html中的<input type="file"/>标签展示的效果是自带的，为了美观和体验，我们需要对他进行一番修饰，让他看起来，更加的优雅。修饰的思路是，让一个按钮替代原来的样式。点击按钮和点击原来的选择文件元素是一样的效果。我们可以考虑让input的父级元素相对定位，然后让input元素绝对定位，并且可见度为0，就是看不见，但是点击也能出现选择文件的效果，input元素再增加一个兄弟节点，就是我们说的按钮，选择文件对外显示按钮样式效果。

html 元素结构：

<div class="upload-wrap anticon" nv-file-drop="" uploader="uploader">
        <input class="file-ele" type="file" file-model="image" name="image" nv-file-select uploader="uploader" multiple />
        <div class="file-open"><em class="icon icon-upload"></em>&nbsp;upload</div>    
</div>

css 样式：

.upload-wrap{
    position: relative;