仅使用 CSS 隐藏表单下拉选项答案

【问题标题】：Hiding form drop down options using ONLY CSS仅使用 CSS 隐藏表单下拉选项
【发布时间】：2011-05-23 23:44:07
【问题描述】：

我绝对是一个 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 每个下拉选项都不会在第一个宫殿中创建一个块。因此 display: none 无法隐藏不存在的块。

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

感谢您的宝贵时间

【问题讨论】：

标签： css forms

【解决方案1】：

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

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

【讨论】：

谢谢，我担心 CSS 无法胜任。我只是希望我错过了一些东西，因为我能够在 html 中隐藏许多其他元素。感谢您的宝贵时间
没问题，我明白因为办公室政治而效率低下是多么令人沮丧。祝你好运！

【解决方案2】：

您将无法使用 CSS 执行此操作。您需要在运行时使用 JavaScript 来执行此操作。否则，您必须编辑生成它的服务器代码和/或数据。您有权访问数据库吗？如果是这样，您可以只删除它正在使用的行。

【讨论】：

谢谢，我不需要这些选项在运行时消失，我只需要它们永久消失。我可以尝试说服我们的服务器人员解决问题，但他根本不愿意接触数据库。我为非营利组织工作，所以事情有点临时。再次感谢，