input背景圖片設置


html代碼:

<input type="file" id="file_btn" src="img.jpg" />

css代碼:

input[type="file"]{   
     /* 常規設置, 即:引入一個圖片背景,設置在中心位置,大小和按鈕的大小一致,以及鼠標指針為手型 */  
         width:40px;   
         height:40px;   
         background:url(img.jpg) no-repeat center;   
         cursor:pointer;  
      /* 下面的不用多問,四句一起拷貝就可以了,大概意思就是把value值設置為0像素,也就是肉眼無法看到,但卻又是存在的(用$_POST['submit_btn'] 可以證明)*/ display:block; font-size:0; line-height:0; text-indent:-9999px;


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM