在jquery mobile中调整分组按钮位置的问题？

Question

我添加了data-type =＆＃34; horizo​​ntal＆＃34;属性到控制组容器。我添加了一个选择菜单和一个加号图标。以便用户选择现有类别或添加新类别。现在我想要＆＃34; +＆＃34;图标应始终固定在右上角，剩余空间应占据选择框。我的代码如下，

<div data-role="controlgroup" data-type="horizontal">
                    <select name="select-choice-1" id="select-choice-1">
                     <option value="Select Category">Select Category</select>
                    </select>
                     <a href="" data-role="button" data-icon="plus" data-iconpos="notext">Add</a>
                  </div>

上面的代码我的屏幕截图如下。我想要那个＆＃34; +＆＃34;符号应固定在右边距，只有图标大小。有可能吗？

Answer 1

您可以使用绝对定位CSS来完成此任务：

.ui-controlgroup-controls {
    width: 100%;
    margin-bottom: 42px;
}
.ui-controlgroup-controls .ui-select{
    position: absolute;
    left: 15px;
    right: 73px;
}
.ui-controlgroup-controls a.ui-btn{
    position: absolute;
    right: 15px; left: auto;   
}

  

<强> DEMO