Jquery mobile中的文本框显示格式问题

Question

我有一个文本框，可以在应用程序中输入手机号码。有一个选项可以输入手机号码或从他们的联系人中选择。因此保持文本框和从同一行中的联系人按钮中选择。为此，我使用了控制面板。它正在正常显示，但文本框显示很少，如图所示。我需要按钮和文本框的边缘相等。

代码：

   <div data-role="controlgroup" data-type="horizontal">
     <input name="" id="numberTxt" placeholder="Enter A Mobile Number" value=""  type="tel">
      <a href="" id="iconshow" data-role="button" onClick='pickAContact()' data-icon="plus" data-iconpos="notext">Add</a>
    </div>

CSS：

.ui-controlgroup-controls {
                width: 100%;
                margin-bottom: 42px;
             }

            .ui-controlgroup-controls .ui-input-text{
                position: absolute;
                left: 15px;
                right: 73px;
                height: 40px;
            }

            .ui-controlgroup-controls a.ui-btn{
                position: absolute;
                right: 15px; left: auto;   
            }

如果有人用添加联系人图标替换加号图标，真的很感激。我试图添加联系人图标，但我没有成功。

Answer 1

将您的css代码更改为以下代码：

我对你的CSS做了一些工作，希望它能运作

尝试链接：

[Ans]: http://jsfiddle.net/topgun/s422Q/

如果有效，请不要忘记投票

谢谢你和所有最好的

Answer 2

我刚刚删除了文本框的边距。

等

.ui-controlgroup-controls .ui-input-text{
        position: absolute;

        left: 15px;
        right: 73px;
        height: 40px;
        margin:0;
    }

链路，

http://jsfiddle.net/manjunath_r/tcaw6/4/