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

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

Patricia Arquette
发布: 2024-11-18 22:29:02
原创
997 人浏览过

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板