css - 仅使用 CSS 隐藏表单下拉选项

Question

我绝对是个 CSS 菜鸟，但到处都找了找，找不到解决我的问题的方法(我发现了为什么我的尝试不起作用，但没有解决方法)。

我正在破解 CSS 表以修改链接到数据库的高级搜索表单。我不能接触 HTML，也不能使用 JavaScript 或 JQuery。搜索表单允许用户从下拉表单菜单中选择他们希望搜索的字段。我想隐藏一些字段选项，因为它们没有数据。 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>

等等 我试过了

option [value="88"] {
display: none;}

但这不起作用 b/c 每个下拉选项不会在第一个宫殿中创建一个 block 。因此 display: none 不能隐藏一个不存在的 block 。

现在您知道什么是行不通的，以及我需要做什么。有什么建议么？同样，我根本无法访问 html 代码，因为它是由我无权访问的服务器上的 PHP 程序生成的。即使我这样做了，我也根本不懂任何 PHP。

谢谢你的时间

Answer 1

冒着被否决票的风险，我要说这仅靠 CSS 是不可能的。

选项标签描述了 HTML 元素的数据模型。样式表描述 View 。