← Tailwind CSS classes list

Tailwind CSS class: .focus

<input class="bg-gray-200 border-2 border-teal-400 focus:border-teal-600 py-2 px-4" placeholder="Focus"/>

Preview

Check .focus in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →

More in Tailwind CSS Pseudo class