【问题标题】:Styling a select dropdown menu so it looks the same in all browsers and operating systems设置选择下拉菜单的样式,使其在所有浏览器和操作系统中看起来都一样
【发布时间】:2012-11-26 06:37:24
【问题描述】:

鉴于 jquery 和第 3 方供应商的强大功能,是否可以在表单上创建/设置 html 选择下拉菜单的样式,使其在 Windows 和 Mac OS 上的 IE、FF、Chrome 和 Safari 中看起来相同?

【问题讨论】:

标签: html select drop-down-menu menu


【解决方案1】:

是的,但大多数人这样做的方式是在页面首次运行时完全替换下拉列表:

执行此操作的示例插件:http://gregfranko.com/jquery.selectBoxIt.js/

作为附加说明,我不建议更换浏览器标准选择框。浏览器选择框是在每个操作系统的基础上实现的,并使用操作系统设置来提供一个普遍理解的 ui 元素。一个例子是 ios 上的选择框以与基于触摸的操作系统相似的方式运行。

【讨论】:

  • SelectBox 它使用包括IOS和Android在内的移动设备的原生选择框,这意味着您可以获得移动“滚轮”界面的好处,同时仍然可以设置默认选择框按钮的样式。 SelectBoxIt 还允许您使用 native 选项在桌面设备上触发本机选择框。我强烈推荐它...尤其是因为我做到了 =)
  • Greg Franko:我确实注意到了,而且你的插件很棒。 IOS 只是一个例子,每个操作系统都有自己的方式来实现用户熟悉的选择框。 Mac、Windows、IOS 和各种移动浏览器。在 Android 设备上试用您的插件。
  • 我完全明白每个操作系统都有自己的方式来呈现选择框。有了一些可靠的选择框插件,开发人员现在可以选择是要使用不同的实现(标准方式)还是使用提供跨操作系统一致体验的插件。这是一场有趣的辩论。
猜你喜欢
  • 2011-11-15
  • 2013-01-22
  • 2017-05-24
  • 2011-06-08
  • 2011-11-03
  • 2012-03-07
  • 2014-09-24
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多