i have tried designing my own input file base on this [fiddle](http://jsfiddle.net/Snippet/YBWq3/1/) i need to align properly the button in input text of a bootstrap.

this is my code to design my input type. also the button of bootstrap is not aligning.

```
.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
}

```