Remove Input OutLine on Focus With Tailwind CSS

 Remove Input OutLine on Focus With Tailwind CSS

Input Tags shows Outline On Focus With Default Style...Sometimes It looks annoying And Ugly as Shown in Below Example:

 Today In This Article I will give You Simple class from tailwind To Remove This Outline...

Solution:

we Will use focus: 

focus gives Styles To An element When element Is in focus..example:tap on input tag or toggle by Tab in site.In Below Example You can See The Element is in Focus Right Now..

so use classname or class As focus:outline-none

and It Will Remove Outline While Element In Focus As Shown In Below Example:

 Hope This Article Will Help you...Thank You For Reading This..

Keep Growing Keep Coding...