使用 placeholder- 設定 Placeholder 顏色

若要改變 TextBox 的 Placeholder 顏色，可使用 placeholder- 系列 Utility。

Version

Tailwind CSS 2.0.3

Placeholder Color

TextBox 的 placeholder 設定成淺藍色。

<template>
  <input type="text" placeholder="oomusou@gmail.com" class="placeholder-blue-500 border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500">
</template>

placeholder-blue-500：設定 placeholder 顏色

Conclusion

placeholder- 系列 utility 讓我們可以直接設定 placeholder color，而不用另外撰寫 CSS

Reference

Tailwind CSS, Placeholder Color