0

このフィドルに基づいて独自の入力ファイルベースを設計しようとしましたが、ブートストラップの入力テキストでボタンを適切に配置する必要があります。

これは、入力タイプを設計するための私のコードです。また、ブートストラップのボタンが整列していません。

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

2 に答える 2

1

アップロードボタンにこれを追加vertical-align:topしてみてください：.forUplBtn

.uplPhot a button{
 vertical-align:top;
}
于 2013-07-23T05:11:29.433 に答える
1

css以下をコードに追加します

button {
     position: absolute;
     margin-left: -90px;
     width: 90px;
     margin-top:4px
 }

このフィドルをチェック

Jasny のフォーク Bootstrapのファイル アップロードもチェックしてください。簡単に統合できます。

于 2013-07-23T05:11:53.750 に答える