在 iphone 上查看时，如何使我的桌面选择列表表现得像 ios 选择器？

Posted 2023-03-11

【中文标题】在 iphone 上查看时，如何使我的桌面选择列表表现得像 ios 选择器？

【英文标题】：How to make my desktop select list behave like a ios picker when viewed on iphone?

【发布时间】：2016-11-08 22:05:20

【问题描述】：

我有一个这样的下拉列表：

我可以让它在 iphone 上查看时像这样吗？

我正在使用 bootstrap 3，有什么建议吗？？

提前致谢！

【参考方案1】：

简短回答：不，您不能像在 ios 上那样在桌面上自动创建选择字段，因为移动设备上的选择字段使用本机移动操作系统实现。因此，此时 Bootstrap 无法为您提供帮助。

长答案：您可以尝试使用 CSS 和 javascript 在桌面上重新创建选择字段。 jQuery UI Selectmenu (https://jqueryui.com/selectmenu/) 允许您创建自定义选择下拉字段，您可以通过 CSS 设置样式。

【讨论】：

您的意思是在 iphone 上查看时将其设置为 ios 选择器？？

没错。您还必须通过 JavaScript 实现滚动行为