使用 jquery mobile 自定义下拉菜单答案

【问题标题】：Customize dropdown using jquery mobile使用 jquery mobile 自定义下拉菜单
【发布时间】：2014-06-25 07:53:54
【问题描述】：

我们正在使用 jquery mobile 和 mvc4 开发我们的应用程序。 jquery mobile 最适合移动设备，但自定义看起来很容易。

根据客户要求，下拉菜单应如下所示。

但我的下拉菜单如下所示。

下面是我的 DOM 结构

下面是我的 MVC 下拉菜单。

@Html.DropDownList("selectW",
       new SelectList(ViewBag.User, "Value","Text",@ViewBag.Selected))

我需要删除 .ui-btn 样式，它应该满足我的客户要求。请指导我

【问题讨论】：

【解决方案1】：

试试：

$('#selectWhse-button').removeClass('.ui-btn');

这将从您的 div 中删除该类

【讨论】：

【解决方案2】：

谢谢大家。我做了数据角色=无。所以 jquery mobile 没有自定义我的下拉菜单。我使用下面的 css 来应用我自己的 css。

new {@data_role="none" , @style="background-color:#3B3131;color:#72B6F2;font-size:20px", @class="styleselect" }

【讨论】：