title: Kendo UI MVC - Display None in HtmlAttributes
body: <p>Hi I have a Kendo ComboBox like this:</p>
  
  <pre><code>@(Html.Kendo().ComboBox()
       .Name("LHWR")
       .HtmlAttributes(new { style = "width:150px; font-size:small; display:none" })
       .BindTo(new List&lt;SelectListItem&gt;() {
              new SelectListItem() {
                 Text = "Leave unchanged", Value = "0"
              },
              new SelectListItem() {
                  Text = "Deactivate", Value = "1"
              },
              new SelectListItem() {
                  Text = "Activate", Value = "2"
              }
        })
        .SelectedIndex(0)
  )
  </code></pre>
  
  <p>The "display: none" doesn't work, it hides the "input" tag but not the "span" tag:</p>
  
  <pre><code>&lt;span class="k-widget k-combobox k-header" style="width: 150px; font-size: small;"&gt;
   &lt;span tabindex="-1" unselectable="on" class="k-dropdown-wrap k-state-default"&gt;
     &lt;input name="LHWR_input" class="k-input" type="text" autocomplete="off" maxlength="524288" role="combobox" aria-expanded="false" tabindex="0" aria-disabled="false" aria-readonly="false" aria-autocomplete="list" aria-owns="LHWR_listbox" aria-activedescendant="LHWR_option_selected" aria-busy="false" style="width: 100%; font-size: small;"&gt;
     &lt;span tabindex="-1" unselectable="on" class="k-select"&gt;&lt;span unselectable="on" class="k-icon k-i-arrow-s" role="button" tabindex="-1" aria-controls="LHWR_listbox"&gt;select&lt;/span&gt;
   &lt;/span&gt;
  &lt;/span&gt;
  &lt;input id="LHWR" name="LHWR" style="width: 150px; font-size: small; display: none;" type="text" data-role="combobox" aria-disabled="false" aria-readonly="false"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>And then the ComboBox is still visible.</p>