C# MVC 4 Dropdownlist格式化移动应用程序

MVC4的新功能

我只是从一个测试项目开始。我成功地将数据绑定到html5 dropdownlist

我的问题是为什么我的dd呈现为丑陋的灰色/白色框，而不是像其他控件一样呈现为蓝色上性感的白色

在我附加的屏幕截图中，蓝色似乎位于丑陋的下方

有人知道如何用一个例子来处理这个问题吗

我看了看CSS，有一把小提琴，但似乎无法锁定与html5控件的连接

public ActionResult Index()
    {
        ViewBag.Message = "My Blah";
        List<SelectListItem> Languages = new List<SelectListItem>();
        Languages.Add(new SelectListItem
        {
            Text = "English",
            Value = "1",
            Selected = true
        });
        Languages.Add(new SelectListItem
        {
            Text = "русский",
            Value = "2",
        });
        ViewData.Add("Languages", Languages);
        return View();
    }

@using Resources;
@{
    ViewBag.Title = "Home Page";
}
<h2>@ViewBag.Message</h2>

@Html.DropDownList("Languages")

<ul data-role="listview" data-inset="true">
    <li data-role="list-divider">Navigation</li>
    <li>@Html.ActionLink(@HomeResource.About, "About", "Home")</li>
    <li>@Html.ActionLink(@HomeResource.Contact, "Contact", "Home")</li>
</ul>

public ActionResult Index（）
{
Message=“我的废话”；
列表语言=新列表（）；
语言。添加（新建SelectListItem）
{
Text=“English”，
Value=“1”，
所选=真
});
语言。添加（新建SelectListItem）
{
Text=“ааСаа”，
Value=“2”，
});
添加（“语言”，语言）；
返回视图（）；
}
@利用资源；
@{
ViewBag.Title=“主页”；
}
@查看包。留言
@Html.DropDownList（“语言”）

导航
@Html.ActionLink（@HomeResource.About，“About”，“Home”）
@Html.ActionLink（@HomeResource.Contact，“Contact”，“Home”）

CSS未被触及

---

编辑的代码

你一定把CSS搞砸了。如果你没有看到你的代码，很难说

但这里有一些步骤，你可以尝试设置一些东西，然后开始：

使用移动模板创建新的ASP.NET MVC 4应用程序

添加视图模型：

public class MyViewModel
{
    public string Value { get; set; }
    public IEnumerable<SelectListItem> Items
    {
        get
        {
            return new[]
            {
                new SelectListItem { Value = "1", Text = "item 1" },
                new SelectListItem { Value = "2", Text = "item 2" },
                new SelectListItem { Value = "3", Text = "item 3" },
            };
        }
    }
}

在相应的视图中呈现下拉列表（

~/Views/Home/Index.cshtml

）：

@model MyViewModel
@DropDownListFor（x=>x.Value，Model.Items）

导航
@ActionLink（“关于”、“关于”、“主页”）
@ActionLink（“联系人”、“联系人”、“主页”）

运行应用程序并获得所需的输出：

---

我刚刚在IE和Chrome中尝试过这个。。。似乎歌剧不表演，但其他人表演。Opera mobile没有。

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View(new MyViewModel());
    }
}

@model MyViewModel

@Html.DropDownListFor(x => x.Value, Model.Items)

<ul data-role="listview" data-inset="true">
    <li data-role="list-divider">Navigation</li>
    <li>@Html.ActionLink("About", "About", "Home")</li>
    <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
</ul>