css - jquerymobile 1.3ボタン入力のCSSマージン

Question

http://jsbin.com/olecad/3/edit

css margin-left:50% で入力ボタンを移動しようとしています

ボタンは動かず、背景が動きました。

入力ボタンを移動する方法を教えてください

Answer 1

から css を削除し、以下inputに追加cssします。

.ui-btn-left, .ui-btn-right, .ui-input-clear, .ui-btn-inline, .ui-grid-a .ui-btn, .ui-grid-b .ui-btn, .ui-grid-c .ui-btn, .ui-grid-d .ui-btn, .ui-grid-e .ui-btn, .ui-grid-solo .ui-btn {
    margin-left: 20%;
    margin-right: 5px;
}

jquery.mobile.css行番号で2177。

Answer 2

このCSSを試してください：cssに追加text-align:centerしてからbutton3削除してくださいmargin-left:50%input

#buttons_1{
  background:red;
}
#buttons_2{
  background:green;
}
#buttons_3{
  background:blue;
  text-align:center;
}
#input{
        margin-top:0px;
        background:red;
    }