内联表单字段：jQuery-Mobile中的搜索框和按钮

Question

这就是我想要实现的目标：

这就是我得到的：

请使用网络工具包浏览器（Chrome或Safari）查看JSFiddle：http://jsfiddle.net/KqEqN/

当您缩小屏幕范围时会发生这种情况，但按钮仍有足够的空间。 我已经看过CSS试图找到按钮右侧的某种填充但不能。还有水平线来自哪里？

Answer 1

我不熟悉jQuery Mobile，所以我可能做错了。我的猜测是你必须添加额外的类而不是覆盖jQuery Mobile的主题。

修复涉及：

.ui-input-search {
    width: 50px;
    display: inline-block;
}

点击此处查看：http://jsfiddle.net/NqFhQ/