css - jquerymobile 1.3按钮输入中的css边距

Question

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

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

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

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

Answer 1

从 中删除 cssinput并在下面添加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：添加CSStext-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;
    }