iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 11
1
Modern Web

30天CSS&Bootstrap排版統整系列 第 11

Day11--自訂<input type="file">樣式的三種方法

  • 分享至 

  • xImage
  •  
<div style="width:100px; height:100px;">
        <input type="file" id="file" style="display:none;">
        <label for="file">
            <img src="圖片URL" style="cursor: pointer; width: 100%; height:100%;">   
        </label>   
</div>
<div style="width:100px; height:100px;">
        <input type="file" id="file" hidden>
        <label for="file">
            <img src="圖片URL" style="cursor: pointer; width: 100%; height:100%;">   
        </label>   
</div>
<div>
        <input type="file" id="file"style="visibility:hidden;width:0;height:0">
        <label for="file">   
            <img src="圖片URL" style="cursor: pointer;">   
        </label>   
</div> 

上一篇
Day10--DIV自適應內容寬度,超過一定寬度即換行
下一篇
Day12--Bootstrap Flex使用(1)
系列文
30天CSS&Bootstrap排版統整30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言