Question

display:none无法在IE中使用，任何人都可以回答我的问题吗？

如果在IE11中不起作用，还有其他解决方案吗？

这是我的代码：

<!DOCTYPE html>
<html>
<head>
<style>
    #id1 {
        display:none !important;
        visibility:hidden;
    }
</style>
</head>
<body>
    <select multiple>
        <option id="id1">1</option>
        <option id="id2">2</option>
        <option id="id3">3</option>
        <option id="id4">4</option>
        <option>5</option>
    </select>
</body>
</html>

Answer 1

基本上，IE不支持style="display:none;"或Option标记或其他与mozilla，chrome或safari相关的标记。因此，您可以使用jquery来隐藏Option。在与问题相关的问题上，您有与Options with display:none not hidden in IE

相同的问题

如果您愿意，单个下拉菜单将解决您的问题。

Answer 2

您不能display: none;到<option>，它只适用于Firefox。检查一下：This is the jQuery plugin

Answer 3

替代方法是在IE中使用disabled="disabled"作为选项。这不是一个完美的解决方案，但是它提供了另一种安全的方法，使用户无法选择选项

显示无在IE中不适用于选项标签

3 个答案: