jquerymobile中的css margin 1.3按钮输入

Question

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

我正在尝试通过css margin-left移动输入按钮：50％

但按钮没有移动，背景移动了。

请帮助指导我如何移动输入按钮

Answer 1

从input移除css并在下方添加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：在text-align:center css中添加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;
    }