首页 新闻 会员 周边 捐助

如何修改上传文件input的样式

0
悬赏园豆:10 [已解决问题] 解决于 2012-03-31 15:07

请问如何修改上传文件input的样式?

草根程序猿的主页 草根程序猿 | 初学一级 | 园豆:129
提问于:2012-03-31 14:18
< >
分享
最佳答案
0

<style type="text/css">

        .uploadWallpaperButton
        {
            height: 31px;
            width: 101px;
            cursor: pointer;
            margin: 5px;
            -moz-border-radius: 5px;
            -khtml-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            position: relative; background: url('pic.jpg') no-repeat;
        }
         .f
        {
            cursor: pointer;
            opacity: 0;
            filter: alpha(opacity=0);
            overflow: hidden;
            font-size: 90px;
            width: 101px;
            height: 31px;
        }
    </style>

<div title="上传壁纸..." class="uploadWallpaperButton upload" id="uploadWallpaperButton">
          <input type="file" name="pic"  class="f" id="imgfile" style="display: block;"/>
   </div>

修改后:

收获园豆:10
KimhillZhang | 菜鸟二级 |园豆:209 | 2012-03-31 14:30
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册