All of my inputs have a border | HeroUI | Page 1

thin harbor Dec 14, 2022, 12:49 AM

#

Hey there! Does anyone know why every input or textarea has a blue border when put in focus?

Anyone know how to remove?

thin harbor Dec 14, 2022, 3:39 PM

#

That doesn't seem to work! Also thats not how it looks on the website, so I'm not sure its actually the default

worldly grove Dec 15, 2022, 4:37 PM

#

There shouldn't be a focus ring 🤔 could you share a reproduction?

#

and which browser are you using?

thin harbor Dec 27, 2022, 3:56 PM

#

Using Chrome, and its on every input box I use.

#

Anywhere that i use:
<Input/>

alpine forge Jan 14, 2023, 8:59 PM

#

i would like to know if you got any updates

tribal mountain Jan 15, 2023, 8:37 AM

#

what do you get on inspector ?

#

the only way i manage to get this kind of behaviour is with the :focus-visible and its on the label element. Can you try to add a label to your input and see what's going on ?

alpine forge Jan 15, 2023, 3:46 PM

#

same thing:

alpine forge Jan 16, 2023, 9:57 AM

#

Found the problem, i was using tailwindcss, i just removed it and its fixed now!

#All of my inputs have a border