html – CSS – 从iPhone和Safari上的选择菜单隐藏选项

概述所以我有一个网站使用选择菜单进行移动导航.我需要隐藏列表中的一些选项,并且除了Safari和iPhone之外,所有浏览器和设备都能够这样做. 这是我用来删除列表中的项目7-11的css： select.select-menu option:nth-child(n+7):nth-child(-n+11){display: none !important;} 这在Chrome和我的Android手机 所以我有一个网站使用选择菜单进行移动导航.我需要隐藏列表中的一些选项,并且除了Safari和iPhone之外,所有浏览器和设备都能够这样做.

这是我用来删除列表中的项目7-11的CSS：

select.select-menu option:nth-child(n+7):nth-child(-n+11){display: none !important;}

这在Chrome和我的AndroID手机上正常运行.但是,当您在Safari或iPhone上查看该网站时,选项不会隐藏并仍然显示.

我已经尝试了几个选项并对此事做了大量研究,但找不到解决方案.我尝试使用jquery从列表中删除项目,但无法使其工作.

有没有办法可以隐藏iPhone和Safari上的选项？

编辑：

这是一个小提琴：
https://jsfiddle.net/cv6rubua/3/

解决方法 只有这对我有用 – 包装元素你需要隐藏它.如果隐藏与页面上的某些 *** 作相关联,则“if-check”不包装两次.

使用jquery隐藏iOS：

if( !($(this).parent().is('span')) ) $(this).wrap('<span>');

使用jquery取消隐藏iOS：

if( ($(this).parent().is('span')) ) $(this).unwrap();

总结

以上是内存溢出为你收集整理的html – CSS – 从iPhone和Safari上的选择菜单隐藏选项全部内容，希望文章能够帮你解决html – CSS – 从iPhone和Safari上的选择菜单隐藏选项所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。