How do you style the dropdown on Google Places Autocomplete API?

css google-maps autocomplete
Oskar Smith picture Oskar Smith · Oct 25, 2011 · Viewed 62.9k times · Source

We need to tweak the styling of the dropdown that shows the autocomplete place suggestions when using the Google Places/Maps Autocomplete API.

Does anyone know if this is even possible? If so, I guess we just need to know the CSS classnames/IDs.

There's a screen grab of the bit I am referring to here:

Screengrab >

Answer

User picture User · Nov 20, 2013

This is now documented by google: https://developers.google.com/maps/documentation/javascript/places-autocomplete#style_autocomplete

enter image description here

Related questions

Google Maps: How to create a custom InfoWindow?

The default Google Maps InfoWindow for a map marker is very round. How do I create a custom InfoWindow with square corners?

Read More
Styling Google Maps InfoWindow

I've been attempting to style my Google Maps InfoWindow, but the documentation is very limited on this topic. How do you style an InfoWindow?

Read More
Set Google Maps Container DIV width and height 100%

I loaded Google Maps API v3 and print Google Map in div. But when set width & height to 100% and auto I can't see the Map. Here is HTML code snippet. <!-- Maps Container --> <div id="…

Read More