html
  • css
  • html5
  • 2013-04-13 33 views 1 likes 
    1

    正試圖解決與設計我的選擇文件按鈕如何做好我們的設計選擇文件選項

    <div id="image-upload"> 
        <form method='post' action='image.php' enctype='multipart/form-data'> 
        Select a JPG or PNG File:<br /> 
        <input type='file' name='filename' size='10'/> 
        <input class="red" type='submit' value='Upload' /></form>   
    </div> 
    

    似乎沒有任何幫助我我嘗試用CSS幾個代碼也嘗試添加class和id與CSS和它也能幫助我。但最後我放棄了。

    的jsfiddle:http://jsfiddle.net/deerox/8Y7p5/1/

    並且仍然想知道是否有新的方式來做到這一點。

    任何一個有任何想法請謝謝:)

    enter image description here

    我想這個選擇按鈕,一些設計

    +0

    對不起,請問是什麼問題?你不能添加樣式? – lbstr

    +0

    選擇文件按鈕@lbstr – deerox

    +0

    只需添加'red'類[適合我](http://jsfiddle.net/8Y7p5/2/)。 – icktoofay

    回答

    1

    試試這個: -

    使文件上傳圖片,並把它下面的文件上傳器

    隱藏文件上傳

    <div> 
    <input type="file" id="file1" style="display:none"> 
    <img src="your file uploader image path" id="img1" /> 
    </div> 
    

    JS: -

    $("#img1").click(function(){ 
    $('#file1').click(); 
    }); 
    
    相關問題