小编chr*_*ine的帖子

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

我绝对是一个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>
Run Code Online (Sandbox Code Playgroud)

等等我试过了

option [value="88"] {
display: none;}
Run Code Online (Sandbox Code Playgroud)

但这不起作用b/c每个下拉选项都不会在第一个宫殿中创建一个块.因此显示:none无法隐藏不存在的块.

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

谢谢你的时间

css forms

5
推荐指数
1
解决办法
2998
查看次数

标签 统计

css ×1

forms ×1