<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>