使用CSS隐藏选择选项

Question

我想使用CSS隐藏一个选择表单选项，但我不知道该怎么做。

我有这样的表格，我需要删除“之前”选项。

我希望option[value=before]{display:none!important}将其隐藏，但看来它不起作用。

option[value=before] {
  display: none!important
}

<select class="_select">
  <option value="">Any</option>
  <option value="1d">Today</option>
  <option value="7d">This Week</option>
  <option value="31d">This month</option>
  <option selected="" value="before">Before date</option>
</select>

Answer 1

使用""：[value="before"]

如果要从select隐藏它，请从selected=""中删除<option selected="" value="before">Before date</option>

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

<select class="_select">
  <option value="">Indifférente</option>
  <option value="1d">Today</option>
  <option value="7d">This Week</option>
  <option value="31d">This month</option>
  <option  value="before">Before date</option>
</select>