javascript - 如何将file对象的显示信息自定义？

问题描述

问 题

<input type="file" />
用浏览器打开效果如图

我有什么办法将browse这几个字改为 请立即上传文件 ？

解决方案

    <input type="button" name="" value="请立即上传文件"><input type="file" name="files">

    input[type="file"]{
        opacity: 0;
        position: relative;
        top:0;
        left:-120px;
    }
    input[type="button"]{
        width:120px;
        height: 35px;
        line-height: 35px;
        background-color: #fff;
        font-size:14px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

用一个按钮或者a标签或者div把其包裹起来，通过定位使其位置重合，然后将flie的原样式设置为透明度为0（opacity：0）

这篇关于javascript - 如何将file对象的显示信息自定义？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！