title: Add padding to the select options and change the border color
body: <p>I want to style all the options inside select tag. My markup is like this</p>
  
  <pre><code>&lt;select&gt;
      &lt;option&gt;Milk&lt;/option&gt;
      &lt;option&gt;Eggs&lt;/option&gt;
      &lt;option&gt;Lettuce&lt;/option&gt;
      &lt;option&gt;Tomatoes&lt;/option&gt;
      &lt;option&gt;Cream of chicken soup&lt;/option&gt;
      &lt;option&gt;Butter&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Now I want to add padding for all options and also want to change the border color of the box when all the options can be seen at the time of click on select. So how can I do that?
  I have tried</p>
  
  <pre><code>select option {
  padding: 20px 0px;
  }
  </code></pre>
  
  <p>But its not working at all. Can someone tell me how to solve this? Any help and suggestions will be really appreciable. Thanks</p>
  
  <p>Fiddle link is <a href="https://jsfiddle.net/NewUserFiddle/hxt8mrLf/" rel="nofollow">here</a></p>