Standard Focus Styling

This input uses focus:border-blue-500 and focus:ring-2 focus:ring-blue-300 . The default outline is removed with focus:outline-none , but clear visual focus is maintained.

This input uses focus:border-green-500 and focus:ring-1 focus:ring-green-500 for a slightly different visual cue.