title: How to hide only one option element using css only
body: <pre><code> &lt;select class="Select-input"&gt;
     &lt;option value="one"&gt;One&lt;/option&gt;
     &lt;option value="two"&gt;Two&lt;/option&gt;
     &lt;option value="three"&gt;Three&lt;/option&gt;
     &lt;option value="four"&gt;Four&lt;/option&gt;
   &lt;/select&gt;
  </code></pre>
  
  <p>I want to hide only value four from the above code.</p>
  
  <p>I tried using {display:none} for value-four but it didn't work.</p>
  
  <p>Also want to add padding between <a href="http://puu.sh/lXMUP/7d31512467.png" rel="noreferrer">this elements</a> one, two, three and four.</p>
  
  <p>P.S. I want to remove it using CSS only.</p>