title: How to style a option
body: <p>I am trying to make the <code>select</code> option wider but I cant get it to work. I have tried with <code>width</code> but it didn't work for me. I also couldn't find anything on the internet.
  I hope somebody can help me.</p>
  
  <p>This is my HTML:</p>
  
  <pre><code>&lt;form action="" method="post"&gt;
  &lt;legend&gt;Neem contact op&lt;/legend&gt;
  &lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;label for="Naam"&gt;Naam: &lt;/label&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;input type="text" id="Naam" name="Naam" placeholder="Naam" required="required" /&gt;
          &lt;/td&gt; 
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;label for="Email"&gt;Email :&lt;/label&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;input type="email" id="Email"name="Email" placeholder="Email" required="required" /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;label for="Seizoen"&gt;Seizoen: &lt;/label&gt;
          &lt;/td&gt;
          &lt;td&gt;                                                                  
              &lt;select name="Seizoen" id="Seizoen" required&gt;
              &lt;option value=""&gt;Kies hier je seizoen&lt;/option&gt;
                  &lt;option value="Lente"&gt;Lente&lt;/option&gt;
                  &lt;option value="Zomer"&gt;Zomer&lt;/option&gt;
                  &lt;option value="Herfst"&gt;Herfst&lt;/option&gt;
                  &lt;option value="Winter"&gt;Winter&lt;/option&gt;
              &lt;/select&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td colspan="2"&gt;
              &lt;hr /&gt;  
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;label for="benodigheden1"&gt;Benodigheden:&lt;/label&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;input type="text" id="benodigheden1"name="benodigheden1" placeholder="Benodigheden" required="required" /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;label for="ingrediënten1"&gt;Ingrediënten:&lt;/label&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;input type="text" id="ingrediënten1"name="ingrediënten1" placeholder="Ingrediënten" required="required" /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;label for="stappenplan"&gt;Stappenplanm:&lt;/label&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;textarea name="stappenplan" id="stappenplan" cols="40" rows="5" placeholder="Stappenplan" required="required" /&gt;&lt;/textarea&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td colspan="2"&gt;
              &lt;hr /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;label for="Opmerking"&gt;Opmerking:&lt;/label&gt;
              &lt;/td&gt;
          &lt;td&gt;
              &lt;textarea name="Opmerking" id="Opmerking" cols="40" rows="5" placeholder="Opmerking" required="required" /&gt;&lt;/textarea&gt;
              &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="submit"&gt;&lt;input type="submit" value="Verzenden" name="Verzenden" /&gt;&lt;/div&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p> </p>
  
  <p>Here is a link to <a href="https://jsfiddle.net/okdx4t8z/" rel="nofollow">JSFiddle</a>.</p>