Jquery mobile根据控件更改css宽度'；s级

我目前正经历着

JQM

不好的一面。我有两个下拉列表控件，我想根据它们的类为它们添加不同的宽度。我怎么做

<asp:DropDownList runat="server" ID="ddlWidth1" 
        data-theme="e" </asp:DropDownList>

<asp:DropDownList runat="server" ID="ddlWidth2" 
        data-theme="e" </asp:DropDownList>

---

但这使得两个

ddl的宽度相同。将
css
类添加到
ddl
中不会有帮助，因为在呈现
HTML
后，我会丢失这些类。
这很容易做到，选择框必须包装到适当的
数据角色=“fieldcontain”
DIV中。它们是专门为此目的而制作的。通过它们，可以轻松修改任何内部表单元素

工作示例：

HTML:
你可以将它添加到asp dropdownlist tag中。EX：不合适，而且我怀疑它是否会起作用。我认为它应该起作用。或者您可以使用id而不是类来添加？哇，太好了！：）非常感谢你！顺便问一下，没有
fieldcontain
，还有其他方法可以做到这一点吗？我这样问是因为我在
data role=“controlgroup”
中有3个元素，当我将其中一个元素包装到
fieldcontain
中时，这3个元素不再在同一行。然后将它们包装到空span元素中，只需给它正确的id/class即可。您将得到相同的效果，因为span不是bloc元素，所以它们将保持内联。
.ui-select{
    width: 225px;
}

<div data-role="fieldcontain" id="ddlWidth1">
    <select>
        <option value="standard">Standard: 7 day</option>
        <option value="rush">Rush: 3 days</option>
        <option value="express">Express: next day</option>
        <option value="overnight">Overnight</option>
    </select>
</div>
<div data-role="fieldcontain" id="ddlWidth2">
    <select>
        <option value="standard">Standard: 7 day</option>
        <option value="rush">Rush: 3 days</option>
        <option value="express">Express: next day</option>
        <option value="overnight">Overnight</option>
    </select>
</div>

#ddlWidth1  .ui-select { 
    width: 225px;
}

#ddlWidth2 .ui-select { 
    width: 100%;
}