上传文件样式修改

 

       系统默认样式（原始样式）

 

 

       修改后的样式

   

   实现代码：

 

①  Html代码

         <p>请选择要上传的文件:</p>

      <input id='textfield' type='text' class=”txt” readonly />

      <input class='btn'    type='button'  value='浏览...' />

 

②  css代码

/*文本框样式*/

          #reg.txt{

      width:200px;

      height:24px;

      border:1px solid #cdcdcd;

      border-radius:3px;

      background:#fff;

      margin:0 0 0 15px;

    }

/*按钮样式*/

    #reg.btn{

         background:#FFF;

         border:1px solid #CDCDCD;

        height:24px;

        width:70px;

    }

/*file隐藏*/

    #fileField{

        display:hidden;

    }

 

③  js文件 （）

    $('#reg .btn').click(function(){

        $('#fileField').click();

    });