After experimenting with the design of my input file using this code snippet, I am facing difficulties aligning the button within the text input of a bootstrap element.
Below is the code I have used to style my input field, but unfortunately, the bootstrap button is not aligning properly:
.forUplBtn {
background-color:#427db8;
width:50px;
display:inline-block;
border: none;
color: #fff;
padding:5px 20px 5px 20px;
border:none;
overflow:hidden;
text-align:center;
position:relative;
margin:0;
}
.forUplBtn a{
z-index:-1;
}
.forUplBtn input[type="file"]{
/*margin-left:-145px;*/
width: 100%;height:100%; position:absolute; left:0;top:0; opacity:0
}