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

Question

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

这就是我得到的:

请使用web-kit浏览器(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/