首页 >web前端 >css教程 >如何删除 Internet Explorer 9 中的选择箭头?

如何删除 Internet Explorer 9 中的选择箭头?

Patricia Arquette
Patricia Arquette原创
2024-11-18 22:29:02998浏览

How to Remove the Select Arrow in Internet Explorer 9?

在 IE 上删除选择箭头

为了通过删除默认箭头来自定义选择元素,上述 CSS 似乎在以下情况下有所不足:它涉及 Internet Explorer 9 (IE9)。以下是解决此问题的方法:

解决方案:

  • IE9 Hack: 正如 @Spudley 所建议的,CSS hack 可以是适用于IE9。调整 div:before CSS 使其与 div 的自定义高度和宽度对齐并选择元素。
  • IE10 CSS3: 对于 IE10 及以上版本,可以使用以下 CSS3 代码:
select::-ms-expand {
    display: none;
}

替代选项:

  • jQuery 插件 (Chosen.js): 利用像 Chosen 这样的 jQuery 插件。 Node.js 提供了一个用户友好的解决方案。
  • 自定义 JavaScript:创建自定义 JavaScript 脚本也可以有效地删除选择箭头。

以上是如何删除 Internet Explorer 9 中的选择箭头?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn