【问题标题】:html <select> dropdown - how to disable mobile overlayhtml <select> 下拉列表 - 如何禁用移动覆盖
【发布时间】:2022-01-29 02:16:17
【问题描述】:

我有一个可以在桌面上正常工作的下拉框,但是,在移动设备上,它会打开一个包含所有选项的全屏覆盖。我想绕过该覆盖并使用桌面上的标准下拉菜单。有没有办法在 Jquery 中以编程方式做到这一点?

【问题讨论】:

    标签: html select mobile overlay disable


    【解决方案1】:

    我建议您使用纯 CSS 下拉列表。这样您就可以将相同的下拉菜单从桌面保留到移动设备。

    这是参考:Responsive mobile dropdown navigation using css only

    【讨论】:

    • 该示例用于导航,而不是 &lt;select&gt; 表单元素。
    • 其实这比我做的要好。我正在使用循环动态创建项目,所以我认为选择/下拉方式会更容易,但似乎我可以在 .html 附加中使用
      • 代替 和 。现在我准备好了!
    猜你喜欢
    • 2015-05-06
    • 1970-01-01
    • 2019-05-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多