使用jquery mobile自定義下拉列表

Question

我們正在使用jquery mobile和mvc4開發我們的應用程序。 jquery mobile最適合移動設備，但定製看起來很簡單。

根據客戶要求下拉應如下。

但我的下拉就是看起來像下面的一個。

下面是我的DOM結構

下面是我的MVC下拉。

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

我需要刪除的.ui-BTN風格，它應滿足我的客戶requirement.Please引導我

Answer 1

嘗試：

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

將從您的DIV刪除類

Answer 2

謝謝大家。我做了data-role = none。所以jquery手機沒有定製我的下拉菜單。我用下面的CSS來申請我自己的CSS。

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