css - Google Maps API v3 自动完成文本宽度

Question

https://developers.google.com/maps/documentation/javascript/places-autocomplete#style_autocomplete描述了如何处理搜索框。然而，在旧 map 版本中，当使用方向时，建议会完整显示(因此文本宽度会比实际框宽)。无论如何我们都无法找到实现这一点的方法，我们正在使用 https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete?csw=1代码。

提前致谢。

Answer 1

自动完成生成一个带有 .pac-container 类的 div，您可以向其添加 CSS 规则并使用 !important 选项添加优先级。

在你的 CSS 中添加:

.pac-container {
  width: 200px !important;
}

将 200px 替换为所需的宽度。我相信这应该可以完成工作。