2

我不知道这个问题是否相关，但它已经成为我工作场所的一个问题，所以......

<select>我们的一位客户（使用 Mac）在我们使用默认标签制作的下拉列表中向我们展示了一个“问题” 。下拉列表有 43 个<option>。在我们的 Windows PC 中，下拉菜单有一个滚动条（如您在屏幕截图中所见），一次只显示一些项目。但是在客户端的浏览器中，下拉菜单会同时显示所有项目。有没有办法在 Mac PC 的下拉菜单中设置滚动条？如果不是，我可以申请哪些可能的替代方案来摆脱这个问题？请注意，下拉列表使用 HTML 的默认值<select>和<option>标签，我希望不要使用任何 jQuery 插件作为替代。
谢谢 ：）

编辑：供参考，这里是网站 -http://webcityhome.com/client/aairportershuttle/reservation.php（在上车地点，前往“码头”并选择“码头号”） （链接失效）

这是我们 PC 中的 Windows 屏幕截图 -
窗口截图

这是客户端PC中的Mac屏幕截图-
Mac 截图

4

4 回答 4

3

这是 OS X 上下拉列表的正常预期行为。OS X 使用列表的整个可用垂直空间，它不会将其限制在屏幕的任意部分。

我会礼貌地告诉你的客户推它。他想要做的是改变标准操作系统提供的控件的默认行为。这不是网站开发人员的工作，也不是问题。更改它并为所有用户提供意外行为将是一个问题。

OS X 中的每个下拉列表都以这种方式工作。询问您的客户为什么这只是您网站上的一个问题。

于 2012-12-12T19:02:07.303 回答
1

Mac OSX 上的 Chrome 或 Safari 似乎没有问题。这是一个屏幕截图。 在此处输入图像描述

它显示一个向下滚动的箭头，该箭头在滚动或鼠标悬停时被激活。

于 2012-12-12T18:58:48.390 回答
0

我不确定这是否真的有效，但请尝试将其添加到您的样式表中：

select { height:7em; overflow:scroll; }

<select>和标签都<option>可以使用 CSS 进行样式化。

于 2012-12-12T18:57:31.970 回答
0

如果您想要滚动条，请尝试添加大小属性，例如<select size="20">.

于 2012-12-12T19:00:49.207 回答