JQuerymobile文本框和同一行上的按钮

Question

http://view.jquerymobile.com/1.4.0/demos/controlgroup/#Textinputs

我从jquery mobile上面跟着上面的链接。它没有按预期工作！ 有人可以帮忙吗

Answer 1

尝试设置高度：

<div data-role="controlgroup" data-type="horizontal">
    <input type="text" id="search-control-group" data-wrapper-class="controlgroup-textinput ui-btn">
    <button>Submit</button>
</div>

.controlgroup-textinput{
    height: 20px;
    padding-top:.22em;
    padding-bottom:.22em;
}

  

<强> DEMO

Answer 2

使用jquerymobile演示代码后遇到同样问题的任何人！

如果您从演示页面复制html或css内容，请务必先删除所有前导空格（缩进）并添加自己的内容！ 演示页面使用一些其他不可见的不可破坏空间，阻止在大多数浏览器中进行正确的CSS解析！

我遇到了同样的问题，在查看由chrome解析的css时，它正在标记

" padding-top: .22em;"

作为无效的css，因为那些不可破坏的空格。