Fork me on GitHub

原生上传文件按钮样式优化

//解决思路,原生上传文件按钮设置成完全透明,然后定位放大到需要的按钮上,让他全覆盖上去
//这是用了kindeditor后生成的新控件,所以直接找.upload-input1

<a href="" class="pre_btn pre_btn_change">更换照片<input class="upload-input upload-input1" type="file" id="uploadify" capture="camera" /></a>


.pre_btn_change {
    position:relative;
}
    .pre_btn_change .upload-input1 {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }
    .pre_btn_change input.ke-upload-file {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

  

posted @ 2023-08-10 14:54  WantRemake  阅读(55)  评论(0编辑  收藏  举报