Chrome 不显示任何内容也不可点击

Question

我刚刚尝试选择，在我的初始测试 (FF) 中工作正常，但现在检查其他浏览器时却不行。

在 Firefox、Explorer、Edge 中显示正常，但在 Opera 或 Chrome 中不显示任何内容，也不可点击，但检查源代码时，列表元素存在。

我在 chrome 中看到示例页面并且正在运行，所以，我这边出了点问题，但我什至无法开始查看它。欢迎任何建议。

版本：（不起作用） Chrome：44.0.2403.157 歌剧：12:16 (1860)

版本工作：火狐 40.0.3 即：11.0.9600.17937

Jquery: 1.6.4（昨天下载并在本地服务，不在 CDN 中）选择1.4.2（昨天下载）

您可以在图像中看到行为。在 FF、IE 中，下拉列表显示了预期的国家/地区。

您现在可以在 http://eventos.ai.org.mx/encuentro/registration.php 中尝试此操作，如果需要，您可以获取文件。

FF也是一样的画面

感谢您的宝贵时间和任何帮助，

Answer 1

在您的样式表 chosen.css 的第 160 行有一个已定义的 class .chosen-container .chosen-results。在 class:

中添加浮动属性

.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 287px;
  -webkit-overflow-scrolling: touch;
  float: left;
  width: 99%;
}

float: left;会推到那个地方

width: 99%; 将为每一行设置正确的宽度。

Chrome 不显示任何内容也不可点击

Chrome doesn't show anything nor is clickable

jquery-chosen