css - 在 Bootstrap 输入文本上对齐输入文件

Question

我尝试基于这个 fiddle 设计我自己的输入文件我需要正确对齐 Bootstrap 输入文本中的按钮。

这是我设计输入类型的代码。 bootstrap 的按钮也没有对齐。

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

Answer 1

尝试将 vertical-align:top 添加到 .forUplBtn 并将其添加到上传按钮:

.uplPhot a button{
 vertical-align:top;
}