title: Html.DropDownListFor() Validation works but field does not turn red
body: <p>I have seen a number of similar questions and answers regarding DropDownListFor validation, but I have not seen my particular problem.</p>
  
  <p>This is my html helper.</p>
  
  <p>VB:</p>
  
  <pre><code>@Html.DropDownListFor(Function(Model) Model.AccLev, New SelectList(Model.Items), "Select an Accuracy Level", New With {.class = "form-control"})
  </code></pre>
  
  <p>C#:</p>
  
  <pre><code>@Html.DropDownListFor(Model =&gt; Model.AccLev, new SelectList(Model.Items), "Select an Accuracy Level", new { @class = "form-control" })
  </code></pre>
  
  <p>This helper validates just fine if a drop down selection is not made, and displays a validation message, but the field itself does not change to a red border as with the other TextBoxFor() helpers using the same "form-control" class.</p>
  
  <p>This must be a CSS styling issue but I don't know where to look to find the problem.  I have looked at the bootstrap.css and site.css files but there is nothing out of the ordinary that I can see in either of them.</p>
  
  <p>Edit:</p>
  
  <p>The following shows how the Html Helper is nested within a table row within my view:</p>
  
  <pre><code>     &lt;tr&gt;
          &lt;td&gt;
              &lt;div class="editor-label"&gt;
                  @Html.LabelFor(Function(Model) Model.AccLev)
              &lt;/div&gt;
              &lt;div class="editor-field"&gt;
                  @Html.DropDownListFor(Function(Model) Model.AccLev, New SelectList(Model.Items), "Select an Accuracy Level", New With {.class = "form-control"})
                  @Html.ValidationMessageFor(Function(Model) model.AccLev)
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="editor-label"&gt;
                  @Html.LabelFor(Function(Model) Model.Units)
              &lt;/div&gt;
              &lt;div class="editor-field"&gt;
                  @Html.TextBoxFor(Function(Model) Model.Units, New With {.class = "form-control"})
                  @Html.ValidationMessageFor(Function(Model) model.Units)
              &lt;/div&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  </code></pre>
  
  <p>Naturally the Table is within a form, otherwise I would not be able to use the Html Helpers.  The @Html.DropDownListFor() helper is the one I am having problems with.  As I previously stated, validation works fine for this helper using the form-control class, but the dropdown list field does not turn red as it should, when a selection is not made.  The @Html.TextBoxFor() Helper is using the same form-control class but it validates and changes it's color to red as it should.</p>
  
  <p>It has been suggested that I use the "has-error" class but this is already being implemented within bootstrap.css as the snippet below shows:</p>
  
  <pre><code>.has-error .form-control {  border-color: #b94a48;
                              -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
                              box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  </code></pre>
  
  <p>The confusion I am having is why is the form-control class working with the TextBoxFor Html helper but not the DropDownListFor helper?</p>
  
  <p>Here is what the output looks like for these two helpers:</p>
  
  <p><img src="https://i.stack.imgur.com/80qAX.jpg" alt="one of these things is not like the other"></p>