title: How to hide select options using css in IE?
body: <p>I want to hide the options for a select tag and below is the code I have written. This works well with Chrome and Firefox but not with IE.</p>
  
  <pre><code>&lt;style&gt;
              option{
                  display:none !important;
              }
  &lt;/style&gt;
  
  &lt;select style="width:400px" id="selectid" &gt;
              &lt;option id="result1" value="Select" &gt;Select&lt;/option&gt;
              &lt;option disabled value="abcd" &gt;abcd&lt;/option&gt;
              &lt;option disabled value="abcd" &gt;abcd&lt;/option&gt;
              &lt;option disabled value="abcd" &gt;abcd&lt;/option&gt;
              &lt;option disabled value="abcd" &gt;abcd&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Is there any simple CSS style that will hide it? I have tried many answers in stackoverflow but no luck. I don't want to unnecessarily go to jquery for a simplle css stuff. </p>
  
  <p>Edit: I dont want the dropdown to appear</p>