css - 使用 CSS 在 IE 中隐藏 <option>

标签 css internet-explorer drop-down-menu

<分区>

我正在开发一个 ASP.net MVC 应用程序和 jQuery,我想将所有状态值存储在选择元素中并将其显示为只读,因为我会在用户输入邮政编码时自动选择正确的状态。

当用户点击选择元素时,我使用以下 CSS 规则隐藏 Chrome 和 Firefox 中的选项。

select[readonly] option {
    display: none;
}

渲染代码:

@Html.DropDownListFor(m => m.AddressView.StateCode, Model.AddressView.StateNameList, "Select", new
                     {
                         @class = "form-control ddl-state disabled-dropdown",
                         id = "ddlEmployerState",
                         @disabled = "disabled",
                         @readonly = "readonly",
                     })

这不适用于 IE,请建议我解决此问题的选项。

非常感谢 CSS 修复,因为元素的值会动态变化,而且我不想调用 jQuery 方法来动态隐藏和显示值。

最佳答案

尝试 this

像这样使用 jquery 删除 disabled 和 selected 属性

$("select option").prop("selected", false);
$("select").prop("disabled", false);

关于css - 使用 CSS 在 IE 中隐藏 <option>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37184422/

上一篇:javascript - jQuery 端导航下拉菜单

下一篇:html - 将文本区域居中并在其右侧放置一个垂直居中的按钮

相关文章:

css - 通过单击其他链接隐藏 CSS 页面

html - 字体 Arial 在 Chrome 和 Firefox 中的结果不同

Jquery 根据通配符 ID 添加 .css 到标签

Firefox 和 Internet Explorer 中的 HTML5 输入类型日期、颜色、范围支持

javascript - 在双下拉选择选项中选择选项时显示输入文本

html - 如何在文本旁边 float 图像,中间有间隙

javascript - slider 的样式在 IE 中无法正常工作

css - IE11 在表格中的绝对位置

html - CSS ul下拉列表问题

css - 水平菜单和下拉菜单之间的切换