Google地图自动填充功能

Question

我正在尝试使用它：https://developers.google.com/maps/documentation/javascript/places#places_autocomplete。如何控制输入文本框的宽度？如何控制下拉菜单的宽度？

Answer 1

输入具有searchTextField id，因此这个简单的css规则可以解决这个问题：

#searchTextField {
    width: 500px;
}

下拉菜单会相应缩放，但如果您想更改它，则应添加：

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

需要!important，因为宽度是使用style属性内联到下拉列表中的，并且无法覆盖。