Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

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 >

like image 230
Oskar Smith Avatar asked Oct 25 '11 18:10

Oskar Smith


2 Answers

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

enter image description here

like image 98
User Avatar answered Oct 21 '22 23:10

User


If you use firebug (as mentioned in a comment to your question...) you see that the container with the autocomplete results is a DIV with the class "pac-container" and the suggestions are inside it as a DIV with the class "pac-item". so just style with CSS.

like image 23
DeyyyFF Avatar answered Oct 21 '22 22:10

DeyyyFF