title: Adding styles to simple_form collection/drop down
body: <p>I'm attempting to override the default simple_form styles for a collection/drop down I have, but am unable to get the width to adjust as my drop down takes up the entire width of the page.</p>
  
  <p>I've add the css provided here, <a href="https://github.com/plataformatec/simple_form/wiki/CSS-for-simple_form" rel="nofollow noreferrer">https://github.com/plataformatec/simple_form/wiki/CSS-for-simple_form</a> to my stylesheet and have added a class to be applied to the drop down.</p>
  
  <pre class="lang-css prettyprint-override"><code>.simple_form div.input {
    margin-bottom: 10px;
    clear: both; /* Required for Webkit, but not for Gecko */
  }
  
  .simple_form label {
    float: left;
    width: 100px;
    text-align: right;
    margin: 2px 10px;
  }
  
  div.boolean, .simple_form input {
    margin-left: 120px;
  }
  
  .simple_form input.test {
    width: 30px;
  }
  </code></pre>
  
  <p>I used the information from this, <a href="https://stackoverflow.com/questions/6353215/rails-simple-form-label-html">Rails simple_form label_html</a> and <a href="https://stackoverflow.com/questions/15190988/add-a-class-to-each-select-options-with-simpleform">Add a class to each select options with SimpleForm</a> in attempt to get it work, but while my test class is added, it shows as, class="select optional test".  I'm unclear on where the "select optional" is coming from and how to remove it.</p>
  
  <p>In the end, the resulting HTML looks like, </p>
  
  <pre class="lang-html prettyprint-override"><code> &lt;div class="input select optional f_User"&gt;
     &lt;label class="select optional" for="f_User"&gt;User&lt;/label&gt;
       &lt;select class="select optional test" id="f_User" name="f[User]"&gt;
         &lt;option value=""&gt;&lt;/option&gt;
         &lt;option value="15"&gt;Shawn&lt;/option&gt;
         &lt;option value="87"&gt;Bob&lt;/option&gt;
         &lt;option value="88"&gt;John&lt;/option&gt;
         &lt;option value="89"&gt;Mary&lt;/option&gt;
       &lt;/select&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Thanks in advance for your time and assistance.</p>