html – 如何仅使用css隐藏一个选项元素

前端之家收集整理的这篇文章主要介绍了html – 如何仅使用css隐藏一个选项元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<select class="Select-input">
   <option value="one">One</option>
   <option value="two">Two</option>
   <option value="three">Three</option>
   <option value="four">Four</option>
 </select>

我想只隐藏上面代码中的值四.

我尝试使用{display:none}作为值-4,但它不起作用.

还想在this elements一,二,三和四之间添加填充.

附:我想只使用CSS删除它.

解决方法

属性选择器是关键,尽管Musa指出,你无法在Internet Explorer中隐藏选项.

关于IE Options with display:none not hidden in IE中隐藏选项的文章

.Select-input option[value=four] {display: none;}
<select class="Select-input">
   <option value="one">One</option>
   <option value="two">Two</option>
   <option value="three">Three</option>
   <option value="four">Four</option>
 </select>

猜你在找的HTML相关文章