Friday, 8 July 2016

File uploader with single Button click using css


// HTML

<div class="file-upload sf-button" style="width: 85px; float: right">
                                                        <span>Browse...</span>
                                                        <asp:FileUpload runat="server" CssClass="upload" ID="Upload_Photo" Style="width: 85px;" />

                                                    </div>

//CSS

.file-upload {
position: relative;
overflow: hidden;
height: 30px;
background-color: #e1e1e1;
padding: 0px 5px;
font-size: 12px;
line-height: 19px;
}
.file-upload input.upload {
top: 0;
left: 0;
margin: 0;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
height: 25px;
position: absolute
font-size: 12px;
}

// result


No comments:

Post a Comment

How to highlight selected text in notepad++

  –> To highlight a block of code in Notepad++, please do the following steps step-1  :- Select the required text. step-2  :- Right click...