I am definitely CSS noobie, but looked everywhere and cannot find a solution to my problem (I found out why my attempts are not working, but there is no solution).
I am hacking a CSS sheet to modify the advanced search form associated with the database. I CAN'T relate to HTML, and cannot use JavaScript or jQuery. The search form allows the user to choose which fields they want to search in the form's drop-down menu. I want to hide some field parameters as they have no data. HTML
<div class="inputs"><div class="search-entry">
<select name="advanced[0][element_id]"
id="advanced-0-element_id">
<option value="" label="Select Below ">Select Below </option>
<optgroup label="Dublin Core">
<option value="88" label="Abstract">Abstract</option>
<option value="98" label="Access Rights">Access Rights</option>
<option value="118" label="Accrual Method">Accrual Method</option>
<option value="119" label="Accrual Periodicity">Accrual Periodicity</option>
<option value="120" label="Accrual Policy">Accrual Policy</option>
etc. I tried
option [value="88"] {
display: none;}
But that does not work. b / c each drop down parameter does not create a block in the first palace. Therefore, the display: no one can hide a block that does not exist.
, , , . - ? , html- b/c, PHP , . , PHP.