How to style Google Maps PlaceAutocompleteElement to match existing form inputs?
19:17 04 Apr 2025

I'm migrating from the legacy Google Places Autocomplete to the new PlaceAutocompleteElement in my Rails application. The new component is working functionally, but I can't get it to match the styling of my existing form inputs. Instead of enhancing my existing street address input field, the PlaceAutocompleteElement renders it as a completely separate input with Google's default styling, creating an inconsistent UI.

Do you know how to remove the black border and change styles overall in https://developers.google.com/maps/documentation/javascript/examples/place-autocomplete-element#maps_place_autocomplete_element-javascript ?

I can't find any example with styled widget. I found only for legacy places.

javascript google-maps google-places-api google-places-autocomplete