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

Question

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

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

Answer 1

    <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）

Answer 2

不可以更改，只能使用INPUT BUTTON组模拟。

Answer 3

你需要的是label这个标签