<input class="placeholder-gray-500 block" placeholder="Text"/>
We're live on Product Hunt with Material-UI Builder (read more). All Tailwind Builder users can use it for FREE ❤️
← Tailwind CSS classes list
Tailwind CSS class: .placeholder-gray-500::placeholder
Preview
CSS source
.placeholder-gray-500::placeholder { color: #a0aec0; }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-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
Create Tailwind templates in minutes ⚡