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

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.

CodePudding user response：

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;"