How to remove input border

[mhanifmuhsin]

I have an input form, but it has a blue border, how do I remove it?

[Rall3n]

Hello @mhanifmuhsin,

this is a problem with whatever base styling framework you are using (e.g. TailwindCSS). Basically the framework applies styles to inputs with the following target: input[type='text']:focused. This can either be an outline or a box-shadow.

You can override it using the Select components Styling API:

<Select
  styles={{
    input: (css) => ({
      ...css,
      input: {
        outline: none
      }
    })
  }}
/>

---

Other solutions with @tailwindcss/forms as the cause of the issue can be found here

[mhanifmuhsin]

Thank's for your infromation