title: KendoUI Set width of dropdownlist
body: <p>I'm looking for the best way to set the width of the KendoUI dropdownlist - via the Kendo HTML Helper.</p>
  
  <pre><code>@(Html.Kendo().DropDownList()
      .Name("ddlAccount")
      .DataTextField("Name")
      .DataValueField("Id")
      //This doesn't work, it styles the hidden input instead of the ddl
      .HtmlAttributes(new {style="width:200px;"})
  )
  </code></pre>
  
  <p>I'm setting the width of the DropDownList, but notice in the generated HTML, the width of 200 pixels is set on a hidden text input, not the dropdownlist:</p>
  
  <pre><code>&lt;span aria-busy="false" aria-readonly="false" aria-disabled="false" aria-owns="ddlAccount_listbox" tabindex="0" aria-expanded="false" aria-haspopup="true" role="listbox" class="k-widget k-dropdown k-header styled_select" style="" unselectable="on" aria-activedescendant="ddlAccount_option_selected"&gt;
  
  &lt;span class="k-dropdown-wrap k-state-default"&gt;
      &lt;span class="k-input"&gt;Choice One&lt;/span&gt;
      &lt;span class="k-select"&gt;
          &lt;span class="k-icon k-i-arrow-s"&gt;select&lt;/span&gt;
      &lt;/span&gt;
  &lt;/span&gt;
  &lt;input id="ddlAccount" name="ddlAccount" style="width: 200px; display: none;" type="text" data-role="dropdownlist"&gt;
  </code></pre>
  
  <p>...So the resulting DropDownList still scrolls both horizontally and vertically, which I don't want.</p>