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屬性將寬度內聯應用於下拉列表，並且這不能被覆蓋。