设置“选择文件”按钮的样式

Question

有什么办法可以“掩盖”“上传照片”按钮后面的“选择文件”按钮吗？那么当你点击漂亮的按钮时它会调出文件浏览器吗？

由于

http://jsfiddle.net/rUdf2/4/

Answer 1

http://jsfiddle.net/rUdf2/6/

基本部分：

1. 向<input type="file">元素添加ID（或任何有用的“标记”）;

2. 将display:none添加到div#upload-wrap，以便<input type="file">不可见;

3. 将onclick="document.getElementById('upload-field').click();"添加到“上传照片”按钮。

Answer 2

正如Passerby所说，你必须隐藏<input type="file">元素并使用jquery（或javascript）添加此

$('#share-bottom button').click(function () {
        $('#upload-wrap-button').click();
    });

http://jsfiddle.net/XnXeh/