title: MVC 4 Dropdownlist formatting Mobile App
body: <p>New to MVC 4.</p>
  
  <p>I am just starting out with a test project. I have managed to bind data to a html5 dropdownlist successfully.</p>
  
  <p>My question is why my dd renders as an ugly grey/white box and not as a sexy white on blue as with the other controls. </p>
  
  <p>in the screen-shot I have attached the blue seems to be under the ugly one.</p>
  
  <p>Anyone know how to manipulate this with an example?</p>
  
  <p>I looked at the CSS and had a fiddle, but can't seem to pin point the connection to the html5 control.</p>
  
  <p><img src="https://i.stack.imgur.com/YcvWz.png" alt="enter image description here"></p>
  
  <pre><code>public ActionResult Index()
      {
          ViewBag.Message = "My Blah";
          List&lt;SelectListItem&gt; Languages = new List&lt;SelectListItem&gt;();
          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";
  }
  &lt;h2&gt;@ViewBag.Message&lt;/h2&gt;
  
  @Html.DropDownList("Languages")
  
  &lt;ul data-role="listview" data-inset="true"&gt;
      &lt;li data-role="list-divider"&gt;Navigation&lt;/li&gt;
      &lt;li&gt;@Html.ActionLink(@HomeResource.About, "About", "Home")&lt;/li&gt;
      &lt;li&gt;@Html.ActionLink(@HomeResource.Contact, "Contact", "Home")&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>The CSS is untouched</p>
  
  <p>EDITED CODE</p>