title: Hiding form drop down options using ONLY CSS
body: <p>I am definitely a CSS noobie, but have looked everywhere and can't find a solution to my problem (I have found out why my attempts don't work, but no solution).  </p>
  
  <p>I am hacking a CSS sheet to modify an advanced search form which is linked to a database.  I CANNOT touch the HTML, nor can I use JavaScript or JQuery.  The search form allows a user to select which fields they wish search from a drop down form menu.  I want to hide a number of field options since they have no data.
  The HTML is </p>
  
  <pre><code>&lt;div class="inputs"&gt;&lt;div class="search-entry"&gt;      
                  &lt;select name="advanced[0][element_id]"     
  id="advanced-0-element_id"&gt;
  &lt;option value="" label="Select Below "&gt;Select Below &lt;/option&gt;
  
  &lt;optgroup label="Dublin Core"&gt;
  &lt;option value="88" label="Abstract"&gt;Abstract&lt;/option&gt;
  &lt;option value="98" label="Access Rights"&gt;Access Rights&lt;/option&gt;
  &lt;option value="118" label="Accrual Method"&gt;Accrual Method&lt;/option&gt;
  &lt;option value="119" label="Accrual Periodicity"&gt;Accrual Periodicity&lt;/option&gt;
  &lt;option value="120" label="Accrual Policy"&gt;Accrual Policy&lt;/option&gt;
  </code></pre>
  
  <p>and so on
  I tried </p>
  
  <pre><code>option [value="88"] {
  display: none;}
  </code></pre>
  
  <p>But this doesn't work b/c each drop down option does not create a block in the first palace.  Therefore display: none can't hide a block that doesn't exist.</p>
  
  <p>So now you know what doesn't work, and what I need to do.  Any suggestions?  Again, I can't access the html code at all b/c it is generated by a PHP program on a server I don't have access to.  Even if I did, I don't know any PHP at all.  </p>
  
  <p>thanks for your time</p>