Question

我绝对是一个CSS noobie，但已经到处寻找，无法找到我的问题的解决方案（我已经找到了为什么我的尝试不起作用，但没有解决方案）。

我正在攻击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每个下拉选项都不会在第一个宫殿中创建一个块。因此显示：none无法隐藏不存在的块。

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

感谢您的时间

Answer 1

冒着被投票的风险，我会说单靠CSS是不可能的。

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

Answer 2

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

使用ONLY CSS隐藏表单下拉选项

2 个答案: