JQuery移动选择列表对齐

我有一个jquerymobile表单，除了一个没有正确对齐的select列表项外，它工作得非常好。我还不能添加图片，但所有字段的标签都在左边，有一个间隙，然后所有字段都对齐。“选择”菜单省去了间隙，并使字段在标签之后立即对齐，因此它位于所有其他标签的左侧

下面是相关的代码片段：

<div data-role="fieldcontain">
<label for="sms-alert"><b>SMS Alert:</b></label>
        <select name="sms-alert" id="sms-alert" data-role="slider">
             <option value="off">Off</option>
        <option value="on" selected="true">On</option>
        </select> 
</div>

<div data-role="fieldcontain" >
    <label for="user_group" ><b>User Group:</b></label>
    <select name="select_user_group" id="select_user_group" >
        <option value="manager" >Manager</option>
        <option value="delivery" >Delivery</option>
        <option value="kitchen" >Kitchen</option>
        <option value="serving" >Serving</option>
    </select>
</div>

短信提醒：
关
在…上
用户组：
经理
传送
厨房
服务

我没有此项目的CSS特定样式功能。 在eclipse IDE浏览器、Chrome和iOS Chrome、Safari和iOS Safari上的行为是相同的

任何线索都将不胜感激

谢谢

---

Glenn

您在第二个选择标签处有一个错误。此*for=“user\u group”*不正确，需要指向*correct id=“select\u user\u group”*。因此，您的第二个选择框应如下所示：

        <div data-role="fieldcontain" >
            <label for="user_group"  class="select"><b>User Group:</b></label>
            <select name="user_group" id="user_group" >
                <option value="manager" >Manager</option>
                <option value="delivery" >Delivery</option>
                <option value="kitchen" >Kitchen</option>
                <option value="serving" >Serving</option>
            </select>
        </div> 

用户组：
经理
传送
厨房
服务

---

这里有一个实用的例子：

没错。标签“for”param必须与select“id”param同名。您好，这很好，也很有效。在我读到你的回答之前，我自己也得出了同样的结论。很抱歉在语法错误上打扰您，但我已经为此工作了几个小时，就是看不到它。非常感谢你的帮助。