adblock - 阻止选择列表中的一个选项

Question

我无法找到一种方法来阻止选择列表中的一个选项。

例如我在页面上：

 <select name="test_select">
   <option value="1">Something I don't need</option>
   <option value="2">Something I still need</option>
 </select>

我使用过滤器##option[value="1"]

所以..似乎过滤器不会阻止选择的初始状态。页面加载后默认值＆＃34;我不需要＆＃34;仍然显示。

当我试图选择另一个选项时 - 第一个选项从列表中消失，这很好，但对我来说仍然有问题，即在页面加载后显示最初不需要的选项。

有没有办法完全阻止（删除）此选项？

Answer 1

过滤器按预期工作，因为它应该隐藏<option>元素，而不是<select>元素。如果你想隐藏<select>元素，但只有当它具有某个值时，你需要等待父选择器（希望）与CSS4一起到达。这些将允许您将过滤器编写为

##!select > option[value="1"]:checked（基于W3C working draft中的语法） ##select:has(> option[value="1"]:checked)（基于CSSWG editor's draft）

中的语法