<input class="placeholder-gray-100 block px-2 py-1 border rounded" placeholder="Text"/>
← Tailwind CSS classes list
Tailwind CSS class: .placeholder-gray-100
Preview
Check .placeholder-gray-100 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.
More in Tailwind CSS Utilities
- .cursor-auto
- .cursor-default
- .cursor-move
- .cursor-pointer
- .cursor-text
- .cursor-wait
- .cursor-not-allowed
- .appearance-none
- .placeholder-transparent::placeholder
- .placeholder-current::placeholder
- .placeholder-black::placeholder
- .placeholder-white::placeholder
- .placeholder-gray-600::placeholder
- .placeholder-red-600::placeholder
- .placeholder-orange-600::placeholder
- .placeholder-yellow-600::placeholder
- .placeholder-green-600::placeholder
- .placeholder-teal-600::placeholder
- .placeholder-blue-600::placeholder
- .placeholder-indigo-600::placeholder
- .placeholder-purple-600::placeholder
- .placeholder-pink-600::placeholder
- .placeholder-gray-100::placeholder
- .placeholder-gray-200::placeholder
- .placeholder-gray-300::placeholder
- .placeholder-gray-400::placeholder
- .placeholder-gray-500::placeholder
- .placeholder-gray-600::placeholder
- .placeholder-gray-700::placeholder
- .placeholder-gray-800::placeholder
- .placeholder-gray-900::placeholder
- .placeholder-opacity-0
- .placeholder-opacity-25
- .placeholder-opacity-50
- .placeholder-opacity-75
- .placeholder-opacity-100
- .outline-none
- .overflow-hidden / .overflow-*
- .scrolling-touch / .scrolling-auto
- .pointer-events-none
- .pointer-events-auto
- .resize
- .resize-none
- .resize-y
- .resize-x
- .select-none
- .select-text
- .select-all
- .select-auto
- .placeholder-blue-100
- .placeholder-current
- .placeholder-green-100
- .placeholder-indigo-100
- .placeholder-opacity-10
- .placeholder-pink-100
- .placeholder-purple-100
- .placeholder-red-100
- .placeholder-transparent
- .placeholder-white
- .placeholder-yellow-100