Tintef/react-google-places-autocomplete

How do I remove the input border?

rxgfred opened this issue · 2 comments

rxgfred commented

Hi, does anyone have any idea how to remove the inner blue border around the text as shown below?
image

tiennl commented

You can try to use the styles property. It worked for me.

 <GooglePlacesAutocomplete
     selectProps={{
         styles: {
             input: (provided) => ({
                 ...provided,
                 "input:focus": {
                     boxShadow: "none",
                 },
              }),
          },
      }}
/>
  • 👍1
rxgfred commented

Thank you, that resolved it.