html - 如何在 IE 中使用 css 隐藏选择选项?

标签 html css internet-explorer

我想隐藏选择标签的选项,下面是我编写的代码。这适用于 Chrome 和 Firefox,但不适用于 IE。

<style>
            option{
                display:none !important;
            }
</style>

<select style="width:400px" id="selectid" >
            <option id="result1" value="Select" >Select</option>
            <option disabled value="abcd" >abcd</option>
            <option disabled value="abcd" >abcd</option>
            <option disabled value="abcd" >abcd</option>
            <option disabled value="abcd" >abcd</option>
</select>

是否有任何简单的 CSS 样式可以隐藏它?我在 stackoverflow 中尝试了很多答案,但没有运气。我不想不必要地去 jquery 寻找简单的 css 东西。

编辑:我不希望出现下拉列表

最佳答案

使用隐藏:

<option value="" hidden></option>

关于html - 如何在 IE 中使用 css 隐藏选择选项?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29690181/

相关文章:

jquery - 如何获取特定类的下一个所有元素?

jquery - IE9+ 和翻盖卡问题

javascript - 如何解决 IE 中使用 jquery url 的 HTML1402 问题?

html - 添加样式表时打印 iframe 空白

javascript - 如何使用 JavaScript 制作包含用户当前位置的谷歌地图

带有粘性导航的 CSS 网格

css - CSP 允许特定的 : data:font/woff;base64 ,"someBase64encoded font", 而不使用 csp: font-src 'self' 数据:

html - 垂直更多虚线选项

html - 调整大小时如何在不移动的情况下 float 它们?

c# - 使用 C# 给定 hwnd 在 Chrome、Firefox 和 IE 中获取当前 URL