国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

利用label標簽和CSS美化文件上傳表單(不兼容IE6)

2024-07-11 08:47:33
字體：大 中 小
來源：轉載
供稿：網友
上周的工作中有個批量上傳圖片的頁面，又遇到了這個問題，于是，今天把我的解決方案奉獻給大家：利用label標簽與CSS共同打造一個樣式可控的并兼容IE6之外主流瀏覽器的上傳表單。
實現思路通俗易懂：
利用LABEL與CSS美化文件上傳表單

首先，我們要新增一個與file相冊大小的button按鈕，然后利用label為初始的file類型表單定義標注(關于label的解釋與用法，此處不詳解，不了解的請自行查閱HTML手冊)。如此一來，一個可以觸發選擇文件表單的按鈕就出來了。接下來，相信很多人都知道怎么做了。
有了一個可以觸發file表單的按鈕，只要通過絕對定位將file表單從文檔流中拖出，然后用z-index屬性將它的層級提升到比button按鈕高，同時將file表單的透明度置為0，這樣一來，file表單就正好覆蓋在button按鈕上了，并且可觸發選擇文件表單。此處有一點需要說明，FireFox中是無法通過width來設定寬度值的，所以需要用input的size值來設定file表單寬度值。
最后，附上樣例中的成型代碼：
HTML代碼:

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 东安县| 应用必备| 桂阳县| 东安县| 七台河市| 阳东县| 崇信县| 贵州省| 长乐市| 新化县| 屯门区| 信阳市| 大渡口区| 昭觉县| 平顶山市| 揭阳市| 萍乡市| 搜索| 兰溪市| 贵南县| 和龙市| 遵化市| 江山市| 仙居县| 天等县| 彭水| 丰城市| 邯郸市| 宁安市| 永年县| 泽普县| 嘉义县| 蒲城县| 鸡泽县| 花垣县| 彰武县| 固始县| 涡阳县| 牟定县| 镇原县| 永嘉县|