Black Border / Outline Around Input Field With TailwindCSS and Flowbite Component in a React Project

Question

• I have tried changing the flow bite TextInput component styles manually.

<TextInput name="firstname" id="firstname" className="focus:border-none focus:border-transparent focus:ring-0" shadow={true} placeholder="Firstname" />

• I have also searched through the developer tools and have found nothing that could be giving it a black border or ring.

Browser i'm using is opera

i've been head scratching this for a hour or so any help is appreciated

Form Picture Active and UnActive Form Picture Active and UnActive

Thank You everyone.

Answer 1

You can use the style command INLINE to style the element like this, just insert this into your HTML code between the <textbox > tag:

style ="border:2px black;"